{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\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 StoreItem = function (props) {\r\n    var data = props.data, _a = props.isLogin, isLogin = _a === void 0 ? false : _a, fluid = props.fluid;\r\n    var _b = data.type, type = _b === void 0 ? \"none\" : _b, index = data.index, 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    var imageSize = fluid\r\n        ? \"w-full max-w-[16rem] pc:max-w-[27rem]\"\r\n        : \"w-[16rem] pc:w-[27rem]\";\r\n    return (React.createElement(\"article\", { \"data-testid\": \"StoreItem\", className: \"nrc--StoreItem \".concat(fluid\r\n            ? \"w-full max-w-[16rem] pc:max-w-[27rem] pr-[1rem]\"\r\n            : \"w-[16rem] pc:w-[27rem]\") },\r\n        React.createElement(\"div\", { className: \"relative overflow-hidden rounded-[10px] border-[1px] border-gray-2 \".concat(imageSize), style: { aspectRatio: \"1/1\" } },\r\n            React.createElement(\"div\", { className: \"relative \".concat(imageSize) },\r\n                React.createElement(NsImage, { ImageWrapper: ImageWrapper, imageUrl: imageUrl, className: imageSize, storeImage: true })),\r\n            type === \"best\" && index && (React.createElement(\"div\", { className: \"bg-gray-10 w-[2.8rem] h-[2.8rem] flex justify-center items-center absolute top-0 left-0 rounded-br-[10px]\" },\r\n                React.createElement(Heading, { level: 5, className: \"text-white\", \"aria-label\": \"\\uC778\\uAE30\\uC0C1\\uD488 \\uC21C\\uC704\" }, index))),\r\n            pickType !== \"none\" && (\r\n            // 아직 시안이 나오지 않아서 이미지는 추후 변경될 예정\r\n            React.createElement(\"img\", { src: \"https://nosearch.com/static/images/pick_best_rectangle.png\", className: \"w-[4rem] h-[4rem] absolute top-0 right-0 rounded-bl-[10px] pc:w-[5rem] pc:h-[5rem]\" })),\r\n            type === \"timedeal\" && (React.createElement(Timer, { id: goodsNo, type: \"timedeal\", periodDiscountStart: periodDiscountStart, periodDiscountEnd: periodDiscountEnd, benefitUseType: benefitUseType }))),\r\n        React.createElement(\"div\", { className: \"my-[0.8rem]\" },\r\n            React.createElement(Text, { type: \"D3\", className: \"text-gray-7 pc:text-body-10\", \"aria-label\": \"\\uBE0C\\uB79C\\uB4DC\\uBA85\" }, brandName),\r\n            React.createElement(Text, { type: \"B6\", className: \"break-all text-gray-10 line-clamp-2 pc:text-body-4\", \"aria-label\": \"\\uC0C1\\uD488\\uBA85\" }, goodsName)),\r\n        React.createElement(\"div\", null,\r\n            fixedPrice > goodsPrice ? (React.createElement(Text, { type: \"B10\", className: \"line-through text-gray-6 pc:hidden\", \"aria-label\": \"\\uC815\\uC0C1\\uAC00\" },\r\n                numberWithCommas(fixedPrice),\r\n                \"\\uC6D0\")) : (\"\"),\r\n            !isLogin && goodsAccess === \"member\" ? (React.createElement(Heading, { level: 5, className: \"text-secret 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-[0.6rem]\" },\r\n                fixedPrice > goodsPrice ? (React.createElement(Heading, { level: 4, className: \"pc:text-heading-1 \".concat(type === \"timedeal\" ? \"text-red-4\" : \"text-blue-7\"), \"aria-label\": \"\\uD560\\uC778\\uC728\" },\r\n                    discountPercetage({ fixedPrice: fixedPrice, goodsPrice: goodsPrice }),\r\n                    \"%\")) : (\"\"),\r\n                React.createElement(Heading, { level: 4, className: \"text-gray-10 pc:text-heading-3\", \"aria-label\": \"\\uD310\\uB9E4\\uAC00\" },\r\n                    numberWithCommas(goodsPrice),\r\n                    \"\\uC6D0\"))))));\r\n};\r\nexport default StoreItem;\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/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/StoreItem/StoreItem.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/StoreItem/StoreItem.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { StoreItemProps } from \"./StoreItem.types\";\r\ndeclare const StoreItem: React.FC<StoreItemProps>;\r\nexport default StoreItem;\r\n"}}