UNPKG

onecart-ui

Version:

OneCart UI: Cross-platform design tokens + React & React Native components

9 lines (8 loc) 995 B
import React from 'react'; export const Block = ({ 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: "M12.000 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM4.000 12.000C4.000 7.580 7.580 4.000 12.000 4.000C13.850 4.000 15.550 4.630 16.900 5.690L5.690 16.900C4.630 15.550 4.000 13.850 4.000 12.000ZM12.000 20.000C10.150 20.000 8.450 19.370 7.100 18.310L18.310 7.100C19.370 8.450 20.000 10.150 20.000 12.000C20.000 16.420 16.420 20.000 12.000 20.000Z", fill: color }))); }; Block.displayName = 'Block';