{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\r\nimport PickLabel from \"../PickLabel\";\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(PickLabel, { pickType: pickType, labelStyle: \"pc:hidden\" }),\r\n                React.createElement(Text, { type: \"B10\", className: \"hidden text-gray-7 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-secret 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\n","references":["/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/PickLabel/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"}}