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

export const Tag: React.FC<SvgProps> = (props) => {
  const { theme } = useTheme();
  return (
    <Svg width="8" height="9" viewBox="0 0 8 9" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_49577)">
        <Path
          d="M7.16667 0.5H5.05233C4.65166 0.5 4.27466 0.656 3.99133 0.939328L0.284328 4.64667C0.103672 4.82733 0 5.07733 0 5.334C0 5.58933 0.103672 5.83933 0.284328 6.02L2.48033 8.216C2.66067 8.39633 2.91067 8.5 3.16733 8.5C3.42266 8.5 3.67266 8.39633 3.85333 8.21567L7.56066 4.50834C7.844 4.22533 8 3.84833 8 3.44767V1.33333C8 0.873672 7.62633 0.5 7.16667 0.5ZM6.16667 3.16667C5.707 3.16667 5.33334 2.793 5.33334 2.33334C5.33334 1.87367 5.70702 1.50002 6.16667 1.50002C6.62633 1.50002 7 1.87367 7 2.33333C7 2.793 6.62633 3.16667 6.16667 3.16667Z"
          fill={theme.colors.body}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_49577">
          <Rect width="8" height="8" fill="white" transform="translate(0 0.5)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
