main.12c7926eaf5d633e8bf0.hot-update.js

"use strict";
/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
self["webpackHotUpdatefrontend_take_home"]("main",{

/***/ "./src/style.tsx":
/*!***********************!*\
  !*** ./src/style.tsx ***!
  \***********************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"ButtonContainer\": () => (/* binding */ ButtonContainer),\n/* harmony export */   \"CustomButton\": () => (/* binding */ CustomButton),\n/* harmony export */   \"CustomInput\": () => (/* binding */ CustomInput),\n/* harmony export */   \"InputContainer\": () => (/* binding */ InputContainer),\n/* harmony export */   \"PipeContainer\": () => (/* binding */ PipeContainer),\n/* harmony export */   \"Title\": () => (/* binding */ Title)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* module decorator */ module = __webpack_require__.hmd(module);\n(function () {\n  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;\n  enterModule && enterModule(module);\n})();\nvar __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {\n  return a;\n};\n\nconst CustomButton = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div`\n    width: 90px;\n    height: 40px;\n    border-radius: 7px;\n    font-size: 15px;\n    border: 1px solid #000;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: 700;\n    font-family: 'Roboto', sans-serif;\n    cursor: pointer;\n    color: ${props => props.mode ? \"#000\" : \"#fff\"};\n    background: ${props => props.mode ? \"#fff\" : \"#000\"};\n`;\nconst ButtonContainer = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div`\n    display: flex;\n    gap: 20px;\n`;\nconst Title = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].h1`\n    font-family: 'Roboto', sans-serif;\n    margin: 0;\n`;\nconst InputContainer = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div`\n    border: 1px solid red;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n`;\nconst PipeContainer = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div`\n    padding: 30px;\n`;\nconst CustomInput = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].input`\n\n`;\n;\n(function () {\n  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;\n  if (!reactHotLoader) {\n    return;\n  }\n  reactHotLoader.register(CustomButton, \"CustomButton\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n  reactHotLoader.register(ButtonContainer, \"ButtonContainer\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n  reactHotLoader.register(Title, \"Title\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n  reactHotLoader.register(InputContainer, \"InputContainer\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n  reactHotLoader.register(PipeContainer, \"PipeContainer\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n  reactHotLoader.register(CustomInput, \"CustomInput\", \"D:\\\\work Space\\\\frontend-take-home\\\\src\\\\style.tsx\");\n})();\n;\n(function () {\n  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;\n  leaveModule && leaveModule(module);\n})();\n\n//# sourceURL=webpack://frontend-take-home/./src/style.tsx?");

/***/ })

},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ /* webpack/runtime/getFullHash */
/******/ (() => {
/******/ 	__webpack_require__.h = () => ("0cbac4adbaf4d7f64803")
/******/ })();
/******/ 
/******/ }
);