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

export const ClockFill: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="9" height="9" viewBox="0 0 9 9" fill="none" {...props}>
      <Path
        d="M4.5 0C2.01863 0 0 2.01863 0 4.5C0 6.98138 2.01863 9 4.5 9C6.98138 9 9 6.98138 9 4.5C9 2.01863 6.98138 0 4.5 0ZM6.64013 6.82763C6.567 6.90075 6.471 6.9375 6.375 6.9375C6.279 6.9375 6.183 6.90075 6.10987 6.82763L4.23488 4.95262C4.16438 4.8825 4.125 4.78725 4.125 4.6875V2.25C4.125 2.04262 4.293 1.875 4.5 1.875C4.707 1.875 4.875 2.04262 4.875 2.25V4.53225L6.64013 6.29737C6.78675 6.444 6.78675 6.681 6.64013 6.82763Z"
        fill={color}
      />
    </Svg>
  );
};
