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

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

const SvgThumbsDownIcon = (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="M4.5 14.097c0 1.25 1.284 1.75 2.25 1.75S8 15.063 8 14.097c0-.583-.25-1-.25-1.695 0-1.555 1.083-2.305 1.75-2.805 1-.75 3-.75 3-2.75 0-2.75-2.75-5.5-6-5.5a6 6 0 0 0-6 6c0 2.899 1.868 4.397 4.475 2.915.142-.08.325-.015.347.146.088.655-.193 1.331-.491 1.994-.331.695-.331 1.195-.331 1.695Z"
        fill="#FFD764"
      />
      <Path
        d="M4.5 14.097c0 1.25 1.284 1.75 2.25 1.75S8 15.063 8 14.097c0-.583-.25-1-.25-1.695 0-1.555 1.083-2.305 1.75-2.805 1-.75 3-.75 3-2.75 0-2.75-2.75-5.5-6-5.5a6 6 0 0 0-6 6c0 2.899 1.868 4.397 4.475 2.915.142-.08.325-.015.347.146.088.655-.193 1.331-.491 1.994-.331.695-.331 1.195-.331 1.695Z"
        fill="url(#thumbs-down-icon_svg__a)"
      />
      <Path
        d="M10.626.63c.054-.426.455-.724.866-.602 3.807 1.128 5.72 5.29 3.676 8.759a.477.477 0 0 1-.545.21l-.846-.242c-.292-.084-.44-.408-.373-.704.478-2.11-1.077-5.074-2.598-6.029-.188-.118-.313-.328-.285-.549l.105-.843Z"
        fill="url(#thumbs-down-icon_svg__b)"
      />
      <Defs>
        <RadialGradient
          id="thumbs-down-icon_svg__a"
          cx={0}
          cy={0}
          r={1}
          gradientUnits="userSpaceOnUse"
          gradientTransform="matrix(4 -7.5 8.72458 4.65311 5.5 9.75)"
        >
          <Stop stopColor="#FFD764" />
          <Stop offset={1} stopColor="#FFB746" />
        </RadialGradient>
        <LinearGradient
          id="thumbs-down-icon_svg__b"
          x1={13.258}
          y1={9.016}
          x2={13.258}
          y2={0}
          gradientUnits="userSpaceOnUse"
        >
          <Stop stopColor="#2196E8" />
          <Stop offset={1} stopColor="#6BC2FF" />
        </LinearGradient>
      </Defs>
    </Svg>
  )
}
export default SvgThumbsDownIcon
