{"version":3,"file":"index-B6lHD4Gt.js","sources":["../../../app/javascript/src/explore/elements/StatusOverlay/index.jsx","../../../app/javascript/src/explore/elements/RatingStars/index.tsx"],"sourcesContent":["import React from 'react';\nimport cls from 'classnames';\n\nimport styles from './index.module.sass';\n\nexport const StatusOverlay = ({ className, text }) => (\n  <span\n    className={cls(\n      styles.overlay,\n      'position-absolute d-flex justify-content-center align-items-center w-100 p-2 text-white font-weight-bold',\n      className,\n    )}\n  >\n    <span className={`${styles.text} text-center`}>{text}</span>\n  </span>\n);\n","import React from 'react';\nimport cls from 'classnames';\n\nimport SvgIcon from 'src/explore/elements/SvgIcon';\n\nimport styles from './index.module.sass';\n\ninterface RatingStarsProps {\n  className?: string;\n  max?: number;\n  value?: number;\n}\n\nexport const RatingStars = ({ className, max = 5, value = 0 }: RatingStarsProps ) => (\n  <>\n    {[ ...Array( max ) ].map(( _, number ) => {\n      let icon = 'star-empty';\n      if ( value >= number + 1 ) {\n        icon = 'star-full';\n      } else if ( value > number ) {\n        icon = 'star-half';\n      }\n\n      return (\n        <SvgIcon icon={icon} key={`star-${number}`} svgClasses={cls( styles.star, className )} />\n      );\n    })}\n  </>\n);\n"],"names":["StatusOverlay","className","text","React","cls","styles","RatingStars","max","value","_","number","icon","SvgIcon"],"mappings":"2LAKaA,EAAgB,CAAC,CAAE,UAAAC,EAAW,KAAAC,CACzC,IAAAC,EAAA,cAAC,OAAA,CACC,UAAWC,EACTC,EAAO,QACP,2GACAJ,CAAA,CACF,kBAEC,OAAK,CAAA,UAAW,GAAGI,EAAO,IAAI,gBAAiBH,CAAK,CACvD,+BCDWI,EAAc,CAAC,CAAE,UAAAL,EAAW,IAAAM,EAAM,EAAG,MAAAC,EAAQ,qCAErD,CAAE,GAAG,MAAOD,CAAI,CAAE,EAAE,IAAI,CAAEE,EAAGC,IAAY,CACxC,IAAIC,EAAO,aACN,OAAAH,GAASE,EAAS,EACdC,EAAA,YACGH,EAAQE,IACXC,EAAA,aAINR,EAAA,cAAAS,EAAA,CAAQ,KAAAD,EAAY,IAAK,QAAQD,CAAM,GAAI,WAAYN,EAAKC,EAAO,KAAMJ,CAAU,EAAG,CAE3F,CAAC,CACH"}