onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.24 kB
JavaScript
import React from 'react';
export const AddCard = ({ size = 'md', color = 'currentColor', className, 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", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M16.545 3.818H2.000C2.809 2.000 2.009 2.809 2.009 3.818L2.000 14.727C2.000 15.736 2.809 16.545 3.818 16.545H12.909V14.727H3.818V9.273H20.182V3.818C20.182 2.809 19.373 2.000 18.364 2.000ZM18.364 5.636H3.818V3.818H18.364V5.636ZM22.000 13.818V17.455H17.455V20.182H15.636V17.455H12.909V15.636H15.636V12.909H17.455V15.636H20.182Z", fill: color }),
React.createElement("path", { d: "M5.721 17.814H2.000C2.207 17.349 2.002 17.556 2.002 17.814L2.000 20.605C2.000 20.863 2.207 21.070 2.465 21.070H4.791V20.605H2.465V19.209H6.651V17.814C6.651 17.556 6.444 17.349 6.186 17.349ZM6.186 18.279H2.465V17.814H6.186V18.279ZM7.116 20.372V21.302H5.953V22.000H5.488V21.302H4.791V20.837H5.488V20.140H5.953V20.837H6.651Z", fill: color })));
};
AddCard.displayName = 'AddCard';