import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'

import type { IconProps } from '../types'

const SvgGifIcon = (props: IconProps) => {
  const { color: token = '$neutral-100' } = props
  const theme = useTheme()
  /* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
  // @ts-ignore
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  const color = theme[token]?.val ?? token
  return (
    <Svg
      width={16}
      height={16}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <Path
        d="M9.2 14H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 11.72 2 10.88 2 9.2V6.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 2 5.12 2 6.8 2h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 4.28 14 5.12 14 6.8v2.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 14 10.88 14 9.2 14Z"
        stroke={color}
        strokeWidth={1.2}
      />
      <Path
        d="M6.41 7.435 6.398 7.4a.82.82 0 0 0-.111-.228.68.68 0 0 0-.388-.28h-.001a.969.969 0 0 0-.278-.038c-.18 0-.34.044-.479.13a.885.885 0 0 0-.33.385c-.08.17-.12.378-.12.628 0 .252.04.462.12.632.08.171.19.3.33.387.14.086.304.13.493.13a.96.96 0 0 0 .44-.094.667.667 0 0 0 .284-.264.768.768 0 0 0 .097-.335h-.808V7.87h1.528V8.33c0 .299-.066.56-.2.782a1.347 1.347 0 0 1-.549.511 1.73 1.73 0 0 1-.796.177c-.331 0-.625-.072-.879-.218a1.53 1.53 0 0 1-.59-.624H4.16c-.14-.27-.21-.59-.21-.955 0-.28.04-.531.123-.754.084-.222.2-.412.351-.568.15-.157.327-.276.53-.358.202-.082.421-.123.657-.123.2 0 .386.028.56.086m.239 1.149-.254-1.102m.254 1.102H7.154l-.01-.058a1.29 1.29 0 0 0-.173-.478 1.361 1.361 0 0 0-.336-.372m-.225.908.194-.869m-.433-.28-.015.047m.015-.047-.015.047m.015-.047c.174.056.328.136.464.24m-.48-.193c.17.055.319.132.45.233m.03-.04-.03.04m.03-.04-.03.04m.49.819-.049.007-.001-.007h.05Zm0 0v-.05h-.008l.008.05Zm-.998 1.711c-.13.067-.285.1-.463.1a.966.966 0 0 1-.52-.138.931.931 0 0 1-.348-.408 1.535 1.535 0 0 1-.125-.653c0-.255.042-.472.125-.65l1.331 1.75Zm2.592-2.8v-.05H7.952V9.754H8.689V6.297Zm1.007 3.407v.05H10.434V8.306h1.461V7.69h-1.461v-.825h1.616V6.247H9.696v3.456Z"
        fill={color}
        stroke={color}
        strokeWidth={0.1}
      />
    </Svg>
  )
}
export default SvgGifIcon
