import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'

import type { SvgProps } from 'react-native-svg'

const SvgDeleteIcon = (props: SvgProps) => {
  const { color: colorToken = 'currentColor', ...rest } = props
  const color = useCurrentColor(colorToken)
  return (
    <Svg
      width={20}
      height={20}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.35 4.5a2.65 2.65 0 1 1 5.3 0v.488a26.66 26.66 0 0 1 2.477.375c.642.128 1.156.256 1.513.354a14.903 14.903 0 0 1 .523.153l.03.01.008.002h.003v.001h.001L17 6.5l-.205.617-.005-.002-.022-.007a13.567 13.567 0 0 0-.47-.137 19.478 19.478 0 0 0-.648-.164V11.728c0 .816 0 1.469-.043 1.995-.044.54-.137 1.006-.355 1.434a3.65 3.65 0 0 1-1.595 1.595c-.428.218-.893.31-1.434.355-.527.043-1.179.043-1.995.043H9.772c-.816 0-1.469 0-1.995-.043-.54-.044-1.006-.137-1.434-.355a3.65 3.65 0 0 1-1.595-1.595c-.218-.428-.31-.893-.355-1.434-.043-.527-.043-1.179-.043-1.995V6.807a19.494 19.494 0 0 0-1.024.272 7.374 7.374 0 0 0-.094.029l-.022.007-.004.002a189.163 189.163 0 0 0-.411-1.234l.004-.001.008-.003.03-.01.11-.034a22.755 22.755 0 0 1 1.925-.473c.69-.137 1.53-.276 2.478-.374V4.5Zm-1.7 2.039V11.7c0 .85 0 1.45.039 1.918.037.46.108.735.217.949a2.35 2.35 0 0 0 1.027 1.027c.214.109.49.18.95.217.467.039 1.066.039 1.917.039h.4c.85 0 1.45 0 1.917-.039.46-.037.736-.108.95-.217a2.35 2.35 0 0 0 1.027-1.027c.109-.214.18-.49.217-.95.039-.467.039-1.066.039-1.917V6.539A25.076 25.076 0 0 0 10 6.15c-1.683 0-3.186.182-4.35.389ZM10 4.85h1.35V4.5a1.35 1.35 0 0 0-2.7 0v.35H10ZM7.85 9v4h1.3V9h-1.3Zm3 4V9h1.3v4h-1.3Z"
        fill={color}
      />
    </Svg>
  )
}
export default SvgDeleteIcon
