{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\r\nimport StarRating from \"../StarRating\";\r\nimport Heading from \"../UI/Heading\";\r\nimport Text from \"../UI/Text\";\r\nvar ProductReviewSummary = function (props) {\r\n    var avgScore = props.avgScore, scoreCount = props.scoreCount, reviewCountSum = props.reviewCountSum;\r\n    return (React.createElement(\"div\", { \"data-testid\": \"ProductReviewSummary\", className: \"nrc--ProductReviewSummary w-[33.5rem] h-[13rem] bg-gray-1 rounded-[10px] flex justify-between items-center px-[2.35rem] py-[1.2rem] pc:w-[80rem] pc:h-[16.6rem]\" },\r\n        React.createElement(\"div\", { className: \"flex flex-col items-center space-y-[0.4rem] pc:w-[36.8rem] pc:space-y-[1rem]\" },\r\n            React.createElement(Text, { type: \"B9\", className: \"text-gray-10\" }, \"\\uCD1D \\uD3C9\\uC810\"),\r\n            React.createElement(\"div\", { className: \"pc:scale-[1.8]\" },\r\n                React.createElement(StarRating, { rating: avgScore, styleFor: { size: 2 } })),\r\n            React.createElement(\"div\", { className: \"flex items-center space-x-[0.5rem]\" },\r\n                React.createElement(Heading, { level: 4, className: \"text-gray-10 pc:text-heading-2\" }, avgScore),\r\n                React.createElement(Text, { type: \"B4\", className: \"text-gray-6 pc:text-body-1\" }, \"/ 5\"))),\r\n        React.createElement(\"div\", { className: \"w-[1px] h-full bg-gray-3\" }),\r\n        React.createElement(\"div\", { className: \"flex flex-col space-y-[0.2rem] pc:flex-row pc:space-y-0 pc:space-x-[0.5rem] pc:w-[36.8rem] pc:justify-center\" },\r\n            scoreCount.map(function (score, index) {\r\n                return (React.createElement(ScoreBar, { key: \"reviewScore_\".concat(index), score: score, index: 5 - index, reviewCountSum: reviewCountSum }));\r\n            }),\r\n            scoreCount.map(function (score, index) {\r\n                return (React.createElement(PcScoreBar, { key: \"reviewScore_\".concat(index), score: score, index: 5 - index, reviewCountSum: reviewCountSum }));\r\n            }))));\r\n};\r\nexport default ProductReviewSummary;\r\nvar ScoreBar = function (props) {\r\n    var score = props.score, index = props.index, reviewCountSum = props.reviewCountSum;\r\n    return (React.createElement(\"div\", { className: \"flex items-center pc:hidden\" },\r\n        React.createElement(Text, { type: \"D3\", className: \"\".concat(index === 5\r\n                ? \"text-detail-1 font-extrabold text-gray-10\"\r\n                : \"text-gray-6\") },\r\n            index,\r\n            \"\\uC810\"),\r\n        React.createElement(\"div\", { className: \"w-[8rem] bg-gray-3 rounded-full h-[0.5rem] mx-[1rem]\" },\r\n            React.createElement(\"div\", { className: \"h-[0.5rem] rounded-full\", style: {\r\n                    width: \"\".concat((score / reviewCountSum) * 100, \"%\"),\r\n                    backgroundColor: \"\".concat(index === 5 ? \"#1A1A1A\" : \"#949494\"),\r\n                } })),\r\n        React.createElement(Text, { type: \"D3\", className: \"\".concat(index === 5\r\n                ? \"text-detail-1 font-extrabold text-gray-10\"\r\n                : \"text-gray-6\") }, score)));\r\n};\r\nvar PcScoreBar = function (props) {\r\n    var score = props.score, index = props.index, reviewCountSum = props.reviewCountSum;\r\n    return (React.createElement(\"div\", { className: \"hidden pc:flex flex-col items-center w-[4rem]\" },\r\n        React.createElement(Text, { type: \"B7\", className: \"\".concat(index === 5 ? \"text-body-5 font-bold text-gray-10\" : \"text-gray-6\") },\r\n            index,\r\n            \"\\uC810\"),\r\n        React.createElement(\"div\", { className: \"w-[0.8rem] bg-gray-3 rounded-full h-[8rem] my-[1rem] rotate-180\" },\r\n            React.createElement(\"div\", { className: \"h-[8rem] rounded-full\", style: {\r\n                    height: \"\".concat((score / reviewCountSum) * 100, \"%\"),\r\n                    backgroundColor: \"\".concat(index === 5 ? \"#1A1A1A\" : \"#949494\"),\r\n                } })),\r\n        React.createElement(Text, { type: \"B7\", className: \"\".concat(index === 5 ? \"text-body-5 font-bold text-gray-10\" : \"text-gray-6\") }, score)));\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/StarRating/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/ProductReviewSummary/ProductReviewSummary.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/ProductReviewSummary/ProductReviewSummary.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { ProductReviewSummaryProps } from \"./ProductReviewSummary.types\";\r\ndeclare const ProductReviewSummary: React.FC<ProductReviewSummaryProps>;\r\nexport default ProductReviewSummary;\r\n"}}