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

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

const SvgColourPickIcon = (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"
      {...rest}
    >
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="m15.763 4.237-.048-.048c-.282-.282-.489-.49-.707-.635a2.65 2.65 0 0 0-2.945 0c-.218.146-.425.353-.707.635l-.048.048-1.077 1.077c.144.111.31.277.547.514l.389.389 1.06-1.06c.351-.351.461-.457.559-.522a1.35 1.35 0 0 1 1.5 0c.097.065.207.17.558.521.35.35.456.461.521.558a1.35 1.35 0 0 1 0 1.5c-.065.098-.17.208-.521.559l-1.06 1.06.388.39c.237.236.403.402.514.546l1.077-1.077.048-.048c.282-.282.49-.49.635-.707a2.65 2.65 0 0 0 0-2.945c-.146-.218-.353-.425-.635-.707l-.048-.048Zm-2.828 7.283-.92-.919-3.07 3.07c-.322.322-.42.415-.525.484a1.35 1.35 0 0 1-.339.159c-.12.037-.254.052-.708.093l-1.958.178.178-1.958c.041-.454.057-.588.094-.708.036-.12.09-.234.158-.34.069-.104.162-.202.484-.524l3.07-3.07-.92-.92-3.069 3.07-.041.042c-.264.263-.461.46-.613.694a2.65 2.65 0 0 0-.312.665c-.082.266-.107.544-.14.915l-.006.058-.249 2.735a.65.65 0 0 0 .707.707l2.735-.25.058-.004c.371-.034.65-.06.915-.141.235-.073.46-.177.665-.312.234-.152.431-.349.694-.613l.042-.04 3.07-3.07Z"
        fill={color}
      />
      <Path
        d="m8.763 7.348 3.889 3.89c.164.164.246.246.328.3a1 1 0 0 0 1.111 0c.082-.054.164-.136.329-.3.164-.165.246-.247.3-.329a1 1 0 0 0 0-1.111c-.054-.082-.136-.164-.3-.328l-3.89-3.89c-.164-.164-.246-.246-.328-.3a1 1 0 0 0-1.111 0c-.082.054-.164.136-.328.3-.165.165-.247.247-.301.329a1 1 0 0 0 0 1.111c.054.082.136.164.3.328Z"
        stroke={color}
        strokeWidth={1.3}
        strokeLinejoin="round"
      />
    </Svg>
  )
}
export default SvgColourPickIcon
