@legion-ui-kit/react-core/dist/cjs/components/Rating/index.cjs

<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("classnames"),a=require("./styles.module.scss.cjs"),t=require("../../helpers/typeChecker.cjs"),s=require("./Rating.constant.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(r);exports.default=r=>{const{activeColor:l,className:n,defaultColor:u,hoverColor:c,maxRating:i=s.RATING_DEFAULT_PROPS.maxRating,onChange:d,readonly:m,starClassName:f,starStyle:g,style:v,value:y=s.RATING_DEFAULT_PROPS.value,..._}=r,h=Math.max(i,1),x=o.default(a.default.legion_rating,n);return e.jsx("div",{className:x,style:{...v},..._,children:Array.from(Array(h).keys()).map(r=>{const s=100*(y-r),n=o.default(a.default.rating_star,f,{[a.default.active]:s>0,[a.default.readonly]:m});return e.jsx("div",{className:n,onClick:(i=r+1,()=>{t.isFunction(d)&&d(i)}),style:{...g,...l?{"--rating-custom-color-active":l}:{},...u?{"--rating-custom-color-default":u}:{},...c?{"--rating-custom-color-hover":c}:{},...s?{"--rating-percentage":`${s}%`}:{}},children:"★"},`rating_${r}`);var i})})};
//# sourceMappingURL=index.cjs.map