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

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

const SvgWalletIcon = (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="M8.976 3.35h2.048c.912 0 1.629 0 2.209.04.59.04 1.086.123 1.546.314a4.65 4.65 0 0 1 2.517 2.517c.19.46.274.955.314 1.546.04.58.04 1.297.04 2.209v.048c0 .912 0 1.629-.04 2.209-.04.59-.123 1.086-.314 1.546a4.65 4.65 0 0 1-2.516 2.517c-.46.19-.956.274-1.547.314-.58.04-1.297.04-2.209.04H8.976c-.912 0-1.629 0-2.209-.04-.59-.04-1.087-.123-1.546-.314a4.65 4.65 0 0 1-2.517-2.516c-.19-.46-.274-.956-.314-1.547-.04-.58-.04-1.297-.04-2.209v-.048c0-.912 0-1.629.04-2.209.04-.59.123-1.087.314-1.546A4.65 4.65 0 0 1 5.22 3.704c.46-.19.955-.274 1.546-.314.58-.04 1.297-.04 2.209-.04Zm-2.12 1.337c-.525.035-.863.104-1.138.218a3.35 3.35 0 0 0-1.813 1.813c-.114.275-.183.613-.218 1.138-.037.53-.037 1.203-.037 2.144 0 .94 0 1.614.037 2.144.035.525.104.863.218 1.138a3.35 3.35 0 0 0 1.813 1.813c.275.114.613.183 1.138.218.53.037 1.203.037 2.144.037h2c.94 0 1.614 0 2.144-.037.525-.035.863-.104 1.138-.218a3.35 3.35 0 0 0 1.862-1.945h-1.712c-.398 0-.692 0-.949-.05a2.65 2.65 0 0 1-2.082-2.083c-.051-.257-.051-.55-.051-.95v-.135c0-.398 0-.692.05-.949a2.65 2.65 0 0 1 2.083-2.082c.257-.051.55-.051.95-.051H16.143a3.35 3.35 0 0 0-1.862-1.945c-.275-.114-.613-.183-1.138-.218-.53-.037-1.203-.037-2.144-.037H9c-.94 0-1.614 0-2.144.037ZM16.35 10c0 .775 0 1.368-.02 1.85H14.5c-.496 0-.649-.003-.763-.026a1.35 1.35 0 0 1-1.061-1.06c-.023-.115-.026-.268-.026-.764s.003-.649.026-.763a1.35 1.35 0 0 1 1.06-1.061c.115-.023.268-.026.764-.026h1.83c.02.482.02 1.075.02 1.85ZM6 7.65h3v-1.3H6v1.3Z"
        fill={color}
      />
    </Svg>
  )
}
export default SvgWalletIcon
