{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\r\nimport Label from \"../Label\";\r\nimport NsImage from \"../shared/ns-image\";\r\nimport Timer from \"../Timer\";\r\nimport Heading from \"../UI/Heading\";\r\nimport Text from \"../UI/Text\";\r\nvar Timedeal = function (props) {\r\n    var data = props.data, _a = props.isLogin, isLogin = _a === void 0 ? false : _a;\r\n    var goodsNo = data.goodsNo, goodsName = data.goodsName, brandName = data.brandName, imageUrl = data.imageUrl, ImageWrapper = data.ImageWrapper, goodsPrice = data.goodsPrice, fixedPrice = data.fixedPrice, periodDiscountStart = data.periodDiscountStart, periodDiscountEnd = data.periodDiscountEnd, pickType = data.pickType, benefitUseType = data.benefitUseType, goodsAccess = data.goodsAccess;\r\n    return (React.createElement(\"article\", { \"data-testid\": \"Timedeal\", className: \"nrc--Timedeal flex w-[32.4rem] h-[14.4rem] p-[1.2rem] border-[1px] border-gray-3 rounded-[10px] pc:block pc:w-[27rem] pc:border-0 pc:p-0 pc:h-auto\" },\r\n        React.createElement(\"div\", { className: \"relative w-[12rem] h-[12rem] overflow-hidden rounded-[10px] border-[1px] border-gray-2 pc:w-[27rem] pc:h-[27rem]\", style: { aspectRatio: \"1/1\" } },\r\n            React.createElement(\"div\", { className: \"relative w-[12rem] h-[12rem] pc:w-[27rem] pc:h-[27rem]\" },\r\n                React.createElement(NsImage, { ImageWrapper: ImageWrapper, imageUrl: imageUrl, storeImage: true, className: \"w-[12rem] h-[12rem] pc:w-[27rem] pc:h-[27rem]\" })),\r\n            React.createElement(Timer, { id: goodsNo, periodDiscountStart: periodDiscountStart, periodDiscountEnd: periodDiscountEnd, benefitUseType: benefitUseType }),\r\n            pickType !== \"none\" && (\r\n            // 아직 시안이 나오지 않아서 이미지는 추후 변경될 예정\r\n            React.createElement(\"img\", { src: \"https://nosearch.com/static/images/pick_best_rectangle.png\", className: \"hidden w-[5rem] h-[5rem] absolute top-0 right-0 rounded-bl-[10px] pc:block\" }))),\r\n        React.createElement(\"div\", { className: \"w-[17rem] h-[12rem] flex flex-col justify-between ml-[1rem] pc:w-[27rem] pc:h-auto pc:ml-0 pc:mt-[1.2rem] \" },\r\n            React.createElement(\"div\", null,\r\n                React.createElement(PickBox, { pickType: pickType }),\r\n                React.createElement(Text, { type: \"B10\", className: \"text-gray-7 hidden pc:block\", \"aria-label\": \"\\uBE0C\\uB79C\\uB4DC\\uBA85\" }, brandName),\r\n                React.createElement(Text, { type: \"B6\", className: \"text-black break-all line-clamp-2 mt-[0.4rem] pc:text-body-4 pc:font-normal\", \"aria-label\": \"\\uC0C1\\uD488\\uBA85\" }, goodsName)),\r\n            !isLogin && goodsAccess === \"member\" ? (React.createElement(Heading, { level: 5, className: \"text-blue-8 mt-[0.4rem] pc:text-heading-4 pc:font-extrabold\", \"aria-label\": \"\\uD68C\\uC6D0\\uC804\\uC6A9 \\uC0C1\\uD488\\uC73C\\uB85C \\uAC00\\uACA9 \\uBE44\\uACF5\\uAC1C\" }, \"\\uD68C\\uC6D0\\uC804\\uC6A9 \\uC2DC\\uD06C\\uB9BF \\uD2B9\\uAC00\")) : (React.createElement(\"div\", { className: \"flex items-center space-x-3\" },\r\n                fixedPrice > goodsPrice ? (React.createElement(Heading, { level: 1, className: \"text-red-4\", \"aria-label\": \"\\uD560\\uC778\\uC728\" },\r\n                    discountPercetage({ fixedPrice: fixedPrice, goodsPrice: goodsPrice }),\r\n                    \"%\")) : (\"\"),\r\n                React.createElement(Heading, { level: 3, className: \"text-black\", \"aria-label\": \"\\uD310\\uB9E4\\uAC00\" },\r\n                    numberWithCommas(goodsPrice),\r\n                    \"\\uC6D0\"))))));\r\n};\r\nexport default Timedeal;\r\nvar numberWithCommas = function (num) {\r\n    return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n};\r\nvar discountPercetage = function (props) {\r\n    var fixedPrice = props.fixedPrice, goodsPrice = props.goodsPrice;\r\n    if (fixedPrice > goodsPrice) {\r\n        return Math.round(((fixedPrice - goodsPrice) / fixedPrice) * 100);\r\n    }\r\n    return 0;\r\n};\r\nvar PickBox = function (props) {\r\n    var pickType = props.pickType;\r\n    var pickKr;\r\n    var color;\r\n    if (pickType === \"none\")\r\n        return null;\r\n    else if (pickType === \"best\") {\r\n        pickKr = \"베스트\";\r\n        color = \"bg-blue-6\";\r\n    }\r\n    else if (pickType === \"plus\") {\r\n        pickKr = \"플러스\";\r\n        color = \"bg-green\";\r\n    }\r\n    else if (pickType === \"premium\") {\r\n        pickKr = \"프리미엄\";\r\n        color = \"bg-violet\";\r\n    }\r\n    else if (pickType === \"cost_effective\") {\r\n        pickKr = \"가성비\";\r\n        color = \"bg-orange\";\r\n    }\r\n    return (React.createElement(Label, { className: \"\".concat(color, \" pc:hidden\"), size: \"s\", \"aria-label\": \"\\uB178\\uC368\\uCE58\\uD53D\" },\r\n        pickKr,\r\n        \"\\uD53D\"));\r\n};\r\n","references":["/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/Label/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/shared/ns-image.tsx","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/Timer/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/UI/Heading/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/UI/Text/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/Timedeal/Timedeal.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/Timedeal/Timedeal.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { TimedealProps } from \"./Timedeal.types\";\r\ndeclare const Timedeal: React.FC<TimedealProps>;\r\nexport default Timedeal;\r\n"}}