{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\r\nvar StarRating = function (props) {\r\n    var rating = props.rating, text = props.text, styleFor = props.styleFor;\r\n    var ratingToPercent = rating * 20; // 100%를 기준으로 하기 위해\r\n    var starColorStyle = {\r\n        color: \"\".concat((styleFor === null || styleFor === void 0 ? void 0 : styleFor.starColor) ? styleFor === null || styleFor === void 0 ? void 0 : styleFor.starColor : \"#FF9900\"),\r\n    };\r\n    var starBgColorStyle = {\r\n        color: \"\".concat((styleFor === null || styleFor === void 0 ? void 0 : styleFor.bgColor) ? styleFor === null || styleFor === void 0 ? void 0 : styleFor.bgColor : \"#DFDFDF\"),\r\n    };\r\n    if (!rating)\r\n        return null;\r\n    return (React.createElement(\"div\", { \"data-testid\": \"StarRating\", className: \"nrc--StarRating flex items-center\" },\r\n        React.createElement(\"div\", { className: \"relative w-max\", style: {\r\n                fontSize: \"\".concat((styleFor === null || styleFor === void 0 ? void 0 : styleFor.size) ? \"\".concat(styleFor === null || styleFor === void 0 ? void 0 : styleFor.size, \"rem\") : \"1.2rem\"),\r\n            } },\r\n            React.createElement(\"div\", { className: \"p-0 overflow-hidden flex absolute top-0 left-0 z-[1]\", style: {\r\n                    width: \"\".concat(ratingToPercent, \"%\"),\r\n                    fontSize: \"\".concat((styleFor === null || styleFor === void 0 ? void 0 : styleFor.size) ? \"\".concat(styleFor === null || styleFor === void 0 ? void 0 : styleFor.size, \"rem\") : \"1.2rem\"),\r\n                } },\r\n                React.createElement(\"span\", { style: starColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starColorStyle }, \"\\u2605\")),\r\n            React.createElement(\"div\", { className: \"z-0 p-0\" },\r\n                React.createElement(\"span\", { style: starBgColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starBgColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starBgColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starBgColorStyle }, \"\\u2605\"),\r\n                React.createElement(\"span\", { style: starBgColorStyle }, \"\\u2605\"))),\r\n        text && text));\r\n};\r\nexport default StarRating;\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/StarRating.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/StarRating/StarRating.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { StarRatingProps } from \"./StarRating.types\";\r\ndeclare const StarRating: React.FC<StarRatingProps>;\r\nexport default StarRating;\r\n"}}
