import Svg, { Path } from 'react-native-svg';

interface IconProps {
  size: number;
  color: string;
}

interface StarIconProps {
  size: number;
  type: 'full' | 'empty';
}

const EMPTY_COLOR = '#C6C6C6';
const FILLED_COLOR = '#E4941B';

const Star = ({ size, color }: IconProps) => (
  <Svg height={size} viewBox="0 0 64 64" width={size}>
    <Path
      d="m21.182 31.547 12.817 7.464-3.402-14.068 11.324-9.466-14.912-1.22L21.182.989l-5.828 13.268-14.911 1.22 11.323 9.466-3.4 14.068 12.816-7.465Z"
      fill={color}
    />
  </Svg>
);

export function StarIcon({ type, size }: StarIconProps) {
  return <Star size={size} color={type === 'full' ? FILLED_COLOR : EMPTY_COLOR} />;
}

export default StarIcon;