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

export const ForwardSplash: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="9" height="16" viewBox="0 0 6 9" fill="none" {...props}>
      <Path d="M5.208 0.491999L1.092 9H0L4.116 0.491999H5.208Z" fill={getIconColor(colorVariant)} />
    </Svg>
  );
};
