{"code":"// Generated with util/create-component.js\r\nimport React, { useEffect, useState } from \"react\";\r\nimport PickLabel from \"../PickLabel\";\r\nimport NsImage from \"../shared/ns-image\";\r\nimport Button from \"../UI/Button\";\r\nimport { BookmarkDefault, BookmarkPressed, ComparisonDefault, ComparisonPressed, Share, } from \"../UI/Icon\";\r\nimport Text from \"../UI/Text\";\r\nvar ProductSidebar = function (_a) {\r\n    var data = _a.data;\r\n    var goodsName = data.goodsName, modelName = data.modelName, brandName = data.brandName, image = data.image, ImageWrapper = data.ImageWrapper, pickType = data.pickType, likeCount = data.likeCount, likeStatus = data.likeStatus, compareStatus = data.compareStatus, PayButton = data.PayButton, ShareButton = data.ShareButton, BookmarkButton = data.BookmarkButton, CompareButton = data.CompareButton, SpecButton = data.SpecButton;\r\n    return (React.createElement(\"div\", { \"data-testid\": \"ProductSidebar\", className: \"nrc--ProductSidebar w-[12.4rem] border-[1px] border-gray-3 rounded-[10px] p-[1.2rem] bg-white z-[200]\" },\r\n        React.createElement(\"div\", { className: \"space-y-[0.6rem]\" },\r\n            React.createElement(\"div\", { className: \"relative w-[10rem] h-[10rem] border-[1px] border-gray-3\" },\r\n                React.createElement(NsImage, { ImageWrapper: ImageWrapper, imageUrl: image, className: \"w-[10rem] h-[10rem] object-contain\", storeImage: true }),\r\n                React.createElement(PickLabel, { pickType: pickType, labelStyle: \"text-detail-1 w-full text-center py-[0.2rem] absolute bottom-0 left-0\" })),\r\n            React.createElement(\"div\", { className: \"text-center\" },\r\n                React.createElement(Text, { type: \"B10\", className: \"break-all text-gray-10 line-clamp-1\" }, brandName),\r\n                React.createElement(Text, { type: \"B5\", className: \"break-all text-gray-10 line-clamp-1\" }, goodsName),\r\n                React.createElement(Text, { type: \"B5\", className: \"break-all text-gray-10 line-clamp-1\" }, modelName)),\r\n            React.createElement(Button, { size: \"s\", type: \"cta\", onClick: function () {\r\n                    PayButton && PayButton();\r\n                } },\r\n                React.createElement(Text, { type: \"B8\", className: \"text-white\" }, \"\\uAD6C\\uB9E4\\uD558\\uAE30\"))),\r\n        React.createElement(\"div\", { className: \"w-full h-[1px] bg-gray-3 my-[2rem]\" }),\r\n        React.createElement(\"div\", null,\r\n            React.createElement(ActionButtons, { BookmarkButton: BookmarkButton, CompareButton: CompareButton, ShareButton: ShareButton, likeCount: likeCount, likeStatus: likeStatus, compareStatus: compareStatus }),\r\n            React.createElement(Button, { size: \"s\", type: \"outline\", color: \"gray\", onClick: function () {\r\n                    SpecButton && SpecButton();\r\n                } },\r\n                React.createElement(Text, { type: \"B8\", className: \"text-gray-10 whitespace-nowrap\" }, \"\\uC2A4\\uD399\\uC804\\uCCB4\\uBCF4\\uAE30\")))));\r\n};\r\nexport default ProductSidebar;\r\nvar ActionButtons = function (props) {\r\n    var BookmarkButton = props.BookmarkButton, CompareButton = props.CompareButton, ShareButton = props.ShareButton, _a = props.likeCount, likeCount = _a === void 0 ? 0 : _a, _b = props.likeStatus, likeStatus = _b === void 0 ? false : _b, _c = props.compareStatus, compareStatus = _c === void 0 ? false : _c;\r\n    var _d = useState(likeCount), likeCountState = _d[0], setLikeCount = _d[1];\r\n    var _e = useState(likeStatus), isLiked = _e[0], setIsLiked = _e[1];\r\n    var _f = useState(compareStatus), isCompared = _f[0], setIsCompared = _f[1];\r\n    var onLikeCountStatus = function (likeCount) {\r\n        setLikeCount(likeCount);\r\n    };\r\n    var onLikeStatus = function (likeStatus) {\r\n        setIsLiked(likeStatus);\r\n    };\r\n    var onCompareStatus = function (compareStatus) {\r\n        setIsCompared(compareStatus);\r\n    };\r\n    useEffect(function () {\r\n        setLikeCount(likeCount);\r\n        onLikeStatus(likeStatus);\r\n        onCompareStatus(compareStatus);\r\n    }, [likeStatus, compareStatus]);\r\n    return (React.createElement(\"div\", { className: \"w-full flex flex-col justify-center items-center space-y-[2rem] mb-[2rem]\" },\r\n        BookmarkButton && (React.createElement(\"button\", { onClick: function (e) {\r\n                e.preventDefault();\r\n                if (e.target.nodeName === \"svg\" || \"path\") {\r\n                    BookmarkButton();\r\n                    if (isLiked)\r\n                        onLikeCountStatus(likeCount);\r\n                    else\r\n                        onLikeCountStatus(likeCount + 1);\r\n                    onLikeStatus(!isLiked);\r\n                }\r\n            } },\r\n            React.createElement(\"div\", { className: \"flex flex-col items-center\" },\r\n                isLiked ? (React.createElement(BookmarkPressed, { size: \"3rem\" })) : (React.createElement(BookmarkDefault, { size: \"3rem\" })),\r\n                React.createElement(Text, { type: \"B10\", className: \"whitespace-nowrap \".concat(isLiked ? \"text-primary\" : \"text-gray-10\") }, likeCountState)))),\r\n        ShareButton && (React.createElement(\"button\", { onClick: function (e) {\r\n                e.preventDefault();\r\n                if (e.target.nodeName === \"svg\" || \"path\") {\r\n                    ShareButton();\r\n                }\r\n            } },\r\n            React.createElement(Share, { size: \"3rem\" }),\r\n            React.createElement(Text, { type: \"B10\", className: \"text-gray-10\" }, \"\\uACF5\\uC720\"))),\r\n        CompareButton && (React.createElement(\"button\", { onClick: function (e) {\r\n                e.preventDefault();\r\n                if (e.target.nodeName === \"svg\" || \"path\") {\r\n                    CompareButton();\r\n                    onCompareStatus(!isCompared);\r\n                }\r\n            } },\r\n            React.createElement(\"div\", { className: \"flex flex-col items-center\" },\r\n                isCompared ? (React.createElement(ComparisonPressed, { size: \"3rem\" })) : (React.createElement(ComparisonDefault, { size: \"3rem\" })),\r\n                React.createElement(Text, { type: \"B10\", className: \"whitespace-nowrap \".concat(isCompared ? \"text-primary\" : \"text-gray-10\") }, \"\\uBE44\\uAD50\\uD568\"))))));\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/UI/Button/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/UI/Icon/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/UI/Text/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/ProductSidebar/ProductSidebar.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/ProductSidebar/ProductSidebar.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { ProductSidebarProps } from \"./ProductSidebar.types\";\r\ndeclare const ProductSidebar: React.FC<ProductSidebarProps>;\r\nexport default ProductSidebar;\r\n"}}