UNPKG

onecart-ui

Version:

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

10 lines (9 loc) 835 B
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const GridView = ({ 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: "M2.000 2.000V10.889H10.889V2.000H2.000ZM8.667 8.667H4.222V4.222H8.667V8.667ZM2.000 13.111V22.000H10.889V13.111H2.000ZM8.667 19.778H4.222V15.333H8.667V19.778ZM13.111 2.000V10.889H22.000V2.000H13.111ZM19.778 8.667H15.333V4.222H19.778V8.667ZM13.111 13.111V22.000H22.000V13.111H13.111ZM19.778 19.778H15.333V15.333H19.778V19.778Z", fill: color }))); }; GridView.displayName = 'GridView';