import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { ViewStyle } from 'react-native';

interface IconProps {
  size?: number;
  color?: string;
  style?: ViewStyle;
}

export const WalletIcon: React.FC<IconProps> = ({ size = 24, color = '#666', style }) => {
  return (
    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none" style={style}>
      <Path
        d="M20 12V8H6a2 2 0 01-2-2 2 2 0 012-2h12v1m2 11h-4a2 2 0 000 4h4v-4z"
        stroke={color}
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M4 6v12a2 2 0 002 2h14a2 2 0 002-2v-4"
        stroke={color}
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};
export default WalletIcon;
