@kiwicom/orbit-components/es/deprecated/RatingStars/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import * as React from "react";
import styled from "styled-components";
import StarEmpty from "../../icons/StarEmpty";
import StarFull from "../../icons/StarFull";
import defaultTheme from "../../defaultTheme";
import MAX_STARS from "./consts";
import { ICON_COLORS, ICON_SIZES } from "../../Icon/consts";
import useTranslate from "../../hooks/useTranslate";
const StyledRatingStars = styled.div.withConfig({
  displayName: "RatingStars__StyledRatingStars",
  componentId: "sc-1pv7k00-0"
})(["display:flex;flex-direction:row;justify-content:flex-start;flex-shrink:0;svg{flex-shrink:0;}"]); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198

StyledRatingStars.defaultProps = {
  theme: defaultTheme
};

const RatingStars = ({
  rating,
  size = ICON_SIZES.SMALL,
  dataTest,
  id,
  color = ICON_COLORS.PRIMARY,
  showEmpty = false
}) => {
  const translate = useTranslate();
  const ratingRounded = Math.round(rating);
  const starsCount = showEmpty ? MAX_STARS : ratingRounded;
  return /*#__PURE__*/React.createElement(StyledRatingStars, {
    "data-test": dataTest,
    id: id,
    size: size,
    "aria-label": translate("ratingstar_description", {
      number: ratingRounded,
      total: starsCount
    })
  }, Array(...Array(starsCount)).map((_, index) => {
    const key = `star-${index}`;
    return index <= ratingRounded - 1 ? /*#__PURE__*/React.createElement(StarFull, {
      key: key,
      size: size,
      color: color
    }) : /*#__PURE__*/React.createElement(StarEmpty, {
      key: key,
      size: size,
      color: color
    });
  }));
};

export default RatingStars;