import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from './types';

export const Star: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="16" height="16" viewBox="0 0 16 16" fill="none" {...props}>
      <Path
        d="M3.82664 15.2405C3.66108 15.2405 3.49668 15.1889 3.35637 15.0874C3.095 14.898 2.97291 14.5724 3.04404 14.2583L4.01618 9.97601L0.719307 7.08473C0.476964 6.87317 0.384385 6.53814 0.483881 6.23158C0.583378 5.92559 0.854082 5.70896 1.17459 5.67933L5.53676 5.28331L7.26141 1.24731C7.38857 0.950776 7.67818 0.759277 7.99996 0.759277C8.32174 0.759277 8.61135 0.950776 8.73852 1.24661L10.4632 5.28331L14.8246 5.67933C15.1458 5.70827 15.4165 5.92559 15.516 6.23158C15.6155 6.53756 15.5235 6.87317 15.2812 7.08473L11.9843 9.97543L12.9565 14.2576C13.0277 14.5724 12.9055 14.898 12.6442 15.0869C12.3836 15.2757 12.036 15.2902 11.7615 15.1253L7.99996 12.8774L4.23846 15.1265C4.1113 15.202 3.9696 15.2405 3.82664 15.2405ZM7.99996 11.9091C8.14292 11.9091 8.2845 11.9475 8.41178 12.023L11.9617 14.1462L11.0442 10.1044C10.9787 9.81679 11.0764 9.51645 11.2987 9.32184L14.4117 6.59175L10.2931 6.21774C9.99658 6.19065 9.74156 6.00422 9.62569 5.73098L7.99996 1.92222L6.37228 5.73156C6.25768 6.00295 6.00265 6.18938 5.70682 6.21647L1.58768 6.59048L4.70055 9.32057C4.92352 9.51576 5.02106 9.81552 4.955 10.1039L4.0382 14.1455L7.58814 12.023C7.71531 11.9475 7.857 11.9091 7.99996 11.9091ZM5.50344 5.36136C5.50344 5.36136 5.50344 5.36205 5.50275 5.36263L5.50344 5.36136ZM10.4952 5.35951L10.4959 5.36078C10.4959 5.36009 10.4959 5.36009 10.4952 5.35951Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
