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

export const StarFill: 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="M15.516 6.23084C15.4165 5.92486 15.1451 5.70823 14.8253 5.67929L10.4632 5.28327L8.73926 1.24719C8.61198 0.950659 8.32237 0.759277 8.00002 0.759277C7.67767 0.759277 7.38795 0.950659 7.26147 1.24719L5.53754 5.28327L1.17472 5.67929C0.854901 5.7088 0.584084 5.92543 0.484012 6.23084C0.384516 6.53682 0.476403 6.87243 0.718282 7.08456L4.0157 9.97593L3.04346 14.258C2.97232 14.5729 3.09453 14.8985 3.35578 15.0873C3.4962 15.1894 3.66118 15.2403 3.82674 15.2403C3.96901 15.2403 4.11139 15.2025 4.23856 15.1264L8.00002 12.8773L11.7608 15.1264C12.0367 15.2913 12.3836 15.2762 12.6443 15.0873C12.9055 14.8985 13.0277 14.5729 12.9566 14.258L11.9843 9.97593L15.2818 7.08456C15.5235 6.87243 15.6155 6.53751 15.516 6.23084Z"
        fill={getIconColor(colorVariant)}
      />
    </Svg>
  );
};
