{"version":3,"file":"Stars-BFBIimWY.js","sources":["../../../app/javascript/components/BookReview/Stars.tsx"],"sourcesContent":["import { StarIcon } from \"@heroicons/react/solid\";\nimport classNames from \"lib/classNames\";\n\nexport interface UserBookRatingProps {\n  rating?: number;\n  size?: number;\n}\n\nexport default function Stars({\n  rating = null,\n  size = 6,\n}: UserBookRatingProps) {\n  const halfSize = size / 2;\n\n  return (\n    <div className=\"relative flex flex-row\">\n      {[0, 1, 2, 3, 4].map((star) => (\n        <div key={`star-${star}`} className={`relative h-${size} w-${size}`}>\n          <StarIcon\n            className={classNames(\n              `absolute h-${size} w-${size}`,\n              rating >= star + 1 ? \"text-yellow-400\" : \"\",\n              rating < star + 1 ? \"text-gray-400\" : \"\"\n            )}\n          />\n          <span className={`absolute h-${size} w-${halfSize} overflow-hidden`}>\n            <StarIcon\n              className={classNames(\n                `absolute h-${size} w-${size}`,\n                rating >= star + 0.5 ? \"text-yellow-400\" : \"\",\n                rating < star + 0.5 ? \"text-gray-400\" : \"\"\n              )}\n            />\n          </span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["Stars","rating","size","halfSize","jsx","star","jsxs","StarIcon","classNames"],"mappings":"2HAQA,SAAwBA,EAAM,CAC5B,OAAAC,EAAS,KACT,KAAAC,EAAO,CACT,EAAwB,CACtB,MAAMC,EAAWD,EAAO,EAGtB,OAAAE,MAAC,OAAI,UAAU,yBACZ,UAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKC,GACnBC,EAAAA,KAAA,MAAA,CAAyB,UAAW,cAAcJ,CAAI,MAAMA,CAAI,GAC/D,SAAA,CAAAE,EAAA,IAACG,EAAA,CACC,UAAWC,EACT,cAAcN,CAAI,MAAMA,CAAI,GAC5BD,GAAUI,EAAO,EAAI,kBAAoB,GACzCJ,EAASI,EAAO,EAAI,gBAAkB,EACxC,CAAA,CACF,QACC,OAAK,CAAA,UAAW,cAAcH,CAAI,MAAMC,CAAQ,mBAC/C,SAAAC,EAAA,IAACG,EAAA,CACC,UAAWC,EACT,cAAcN,CAAI,MAAMA,CAAI,GAC5BD,GAAUI,EAAO,GAAM,kBAAoB,GAC3CJ,EAASI,EAAO,GAAM,gBAAkB,EAC1C,CAAA,CAAA,EAEJ,CAAA,CAAA,EAhBQ,QAAQA,CAAI,EAiBtB,CACD,CACH,CAAA,CAEJ"}