/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path, G, ClipPath, Rect, Defs } from 'react-native-svg';
import { IconProps } from '../types';

export const Play: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="10" height="10" viewBox="0 0 8 8" fill="none" {...props}>
      <G clipPath="url(#clip0_3125_2622)">
        <Path
          d="M7.23422 3.51045L5.16485 2.30331C4.70312 2.03301 3.94791 1.59275 3.48523 1.32354L1.34 0.116369C0.878417 -0.153909 0.424461 0.0628781 0.424461 0.59833V7.40235C0.424461 7.93595 0.878417 8.15368 1.34018 7.88446L3.44748 6.67733C3.91015 6.40811 4.68481 5.96785 5.14654 5.69755L7.22568 4.49041C7.68632 4.2201 7.69504 3.77966 7.23422 3.51045Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_3125_2622">
          <Rect width="8" height="8" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
