@legion-ui-kit/react-core
Version:
To install the package into your project:
3 lines (2 loc) • 943 B
JavaScript
import{jsx as r}from"react/jsx-runtime";import a from"classnames";import t from"./styles.module.scss.js";import{isFunction as e}from"../../helpers/typeChecker.js";import{RATING_DEFAULT_PROPS as o}from"./Rating.constant.js";const s=s=>{const{activeColor:l,className:n,defaultColor:i,hoverColor:m,maxRating:c=o.maxRating,onChange:g,readonly:u,starClassName:y,starStyle:d,style:p,value:v=o.value,...f}=s,h=Math.max(c,1),C=a(t.legion_rating,n);return r("div",{className:C,style:{...p},...f,children:Array.from(Array(h).keys()).map(o=>{const s=100*(v-o),n=a(t.rating_star,y,{[t.active]:s>0,[t.readonly]:u});return r("div",{className:n,onClick:(c=o+1,()=>{e(g)&&g(c)}),style:{...d,...l?{"--rating-custom-color-active":l}:{},...i?{"--rating-custom-color-default":i}:{},...m?{"--rating-custom-color-hover":m}:{},...s?{"--rating-percentage":`${s}%`}:{}},children:"★"},`rating_${o}`);var c})})};export{s as default};
//# sourceMappingURL=index.js.map