{"code":"// Generated with util/create-component.js\r\nimport React, { useState } from \"react\";\r\nimport NsImage from \"../shared/ns-image\";\r\nimport { Caret } from \"../UI/Icon\";\r\nvar PcImageSlider = function (props) {\r\n    var images = props.images, ImageWrappers = props.ImageWrappers, _a = props.isStoreImage, isStoreImage = _a === void 0 ? true : _a;\r\n    var _b = useState(0), imageIndex = _b[0], setImageIndex = _b[1];\r\n    var _c = useState(0), startImageIndex = _c[0], setStartImageIndex = _c[1];\r\n    var _d = useState(startImageIndex + 5 < images.length ? startImageIndex + 5 : images.length), endImageIndex = _d[0], setEndImageIndex = _d[1];\r\n    return (React.createElement(\"div\", { \"data-testid\": \"PcImageSlider\", className: \"nrc--PcImageSlider flex\" },\r\n        React.createElement(\"div\", { className: \"flex flex-col justify-start items-center mr-[1rem]\" },\r\n            React.createElement(\"div\", { className: \"cursor-pointer rotate-[270deg] \".concat(startImageIndex === 0 &&\r\n                    \"hidden\"), onClick: function () {\r\n                    if (startImageIndex - 1 < 0)\r\n                        return;\r\n                    setStartImageIndex(startImageIndex - 1);\r\n                    setEndImageIndex(endImageIndex - 1);\r\n                } },\r\n                React.createElement(Caret, { size: 25 })),\r\n            React.createElement(\"div\", { className: \"w-[6rem] space-y-[1rem]\" }, images.map(function (image, i) {\r\n                if (i < startImageIndex)\r\n                    return;\r\n                if (i >= endImageIndex)\r\n                    return;\r\n                return (React.createElement(\"div\", { key: \"pcImage_\".concat(i), onMouseEnter: function () {\r\n                        setImageIndex(i);\r\n                    }, className: \"realtive w-[6rem] h-[6rem] object-contain overflow-hidden cursor-pointer \".concat(i === imageIndex\r\n                        ? \"border-[2px] border-blue-7\"\r\n                        : \"border-[1px] border-gray-3\"), style: { aspectRatio: \"1/1\" } },\r\n                    React.createElement(NsImage, { ImageWrapper: ImageWrappers ? ImageWrappers[i] : undefined, imageUrl: images[i], storeImage: isStoreImage, className: \"w-[6rem] h-[6rem] object-contain overflow-hidden\" })));\r\n            })),\r\n            React.createElement(\"div\", { className: \"cursor-pointer rotate-90 \".concat(endImageIndex ===\r\n                    images.length && \"hidden\"), onClick: function () {\r\n                    if (endImageIndex + 1 > images.length)\r\n                        return;\r\n                    setStartImageIndex(startImageIndex + 1);\r\n                    setEndImageIndex(endImageIndex + 1);\r\n                } },\r\n                React.createElement(Caret, { size: 25 }))),\r\n        React.createElement(\"div\", { className: \"relative w-[40rem] h-[40rem] object-contain overflow-hidden\" },\r\n            React.createElement(NsImage, { ImageWrapper: ImageWrappers ? ImageWrappers[imageIndex] : undefined, imageUrl: images[imageIndex], storeImage: isStoreImage, className: \"w-[40rem] h-[40rem] object-contain overflow-hidden\" }))));\r\n};\r\nexport default PcImageSlider;\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/UI/Icon/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/PcImageSlider/PcImageSlider.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/PcImageSlider/PcImageSlider.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { PcImageSliderProps } from \"./PcImageSlider.types\";\r\ndeclare const PcImageSlider: React.FC<PcImageSliderProps>;\r\nexport default PcImageSlider;\r\n"}}