onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 1.13 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Payment = ({ size = 'md', color = 'currentColor', style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement(Svg, { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", style: style },
React.createElement(Path, { d: "M18.000 4.000H2.000C2.890 2.000 2.010 2.890 2.010 4.000L2.000 16.000C2.000 17.110 2.890 18.000 4.000 18.000H20.000C19.110 20.000 20.000 19.110 20.000 18.000V4.000C22.000 2.890 21.110 2.000 20.000 2.000ZM20.000 16.000H4.000V10.000H20.000V16.000ZM20.000 6.000H4.000V4.000H20.000V6.000Z", fill: color }),
React.createElement(Path, { d: "M5.810 18.190H2.000C2.212 17.714 2.002 17.926 2.002 18.191L2.000 21.048C2.000 21.312 2.212 21.524 2.476 21.524H6.286C6.074 22.000 6.286 21.788 6.286 21.524V18.191C6.762 17.926 6.550 17.714 6.286 17.714ZM6.286 21.048H2.476V19.619H6.286V21.048ZM6.286 18.667H2.476V18.191H6.286V18.667Z", fill: color })));
};
Payment.displayName = 'Payment';