onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 3.41 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Keyboard = ({ 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 7.000V15.000H4.000V5.000H20.000ZM18.000 5.000H2.000C2.900 3.000 2.010 3.900 2.010 5.000L2.000 15.000C2.000 16.100 2.900 17.000 4.000 17.000H20.000C19.100 19.000 20.000 18.100 20.000 17.000V5.000C22.000 3.900 21.100 3.000 20.000 3.000ZM11.000 6.000H13.000V8.000H11.000V6.000ZM11.000 9.000H13.000V11.000H11.000V9.000ZM8.000 6.000H10.000V8.000H8.000V6.000ZM8.000 9.000H10.000V11.000H8.000V9.000ZM5.000 9.000H7.000V11.000H5.000V9.000ZM5.000 6.000H7.000V8.000H5.000V6.000ZM8.000 12.000H16.000V14.000H8.000V12.000ZM14.000 9.000H16.000V11.000H14.000V9.000ZM14.000 6.000H16.000V8.000H14.000V6.000ZM17.000 9.000H19.000V11.000H17.000V9.000ZM17.000 6.000H19.000V8.000H17.000V6.000Z", fill: color }),
React.createElement(Path, { d: "M5.855 19.108V21.036H2.482V18.627H6.337ZM5.855 18.627H2.000C2.217 18.145 2.002 18.361 2.002 18.627L2.000 21.036C2.000 21.301 2.217 21.518 2.482 21.518H6.337C6.120 22.000 6.337 21.783 6.337 21.518V18.627C6.819 18.361 6.602 18.145 6.337 18.145ZM4.169 18.867H4.651V19.349H4.169V18.867ZM4.169 19.590H4.651V20.072H4.169V19.590ZM3.446 18.867H3.928V19.349H3.446V18.867ZM3.446 19.590H3.928V20.072H3.446V19.590ZM2.723 19.590H3.205V20.072H2.723V19.590ZM2.723 18.867H3.205V19.349H2.723V18.867ZM3.446 20.313H5.373V20.795H3.446V20.313ZM4.892 19.590H5.373V20.072H4.892V19.590ZM4.892 18.867H5.373V19.349H4.892V18.867ZM5.614 19.590H6.096V20.072H5.614V19.590ZM5.614 18.867H6.096V19.349H5.614V18.867Z", fill: color }),
React.createElement(Path, { d: "M4.610 20.042V21.348H2.326V19.716H4.936ZM4.610 19.716H2.000C2.147 19.390 2.002 19.537 2.002 19.716L2.000 21.348C2.000 21.527 2.147 21.674 2.326 21.674H4.936C4.790 22.000 4.936 21.853 4.936 21.674V19.716C5.263 19.537 5.116 19.390 4.936 19.390ZM3.468 19.879H3.794V20.206H3.468V19.879ZM3.468 20.369H3.794V20.695H3.468V20.369ZM2.979 19.879H3.305V20.206H2.979V19.879ZM2.979 20.369H3.305V20.695H2.979V20.369ZM2.489 20.369H2.816V20.695H2.489V20.369ZM2.489 19.879H2.816V20.206H2.489V19.879ZM2.979 20.858H4.284V21.184H2.979V20.858ZM3.958 20.369H4.284V20.695H3.958V20.369ZM3.958 19.879H4.284V20.206H3.958V19.879ZM4.447 20.369H4.773V20.695H4.447V20.369ZM4.447 19.879H4.773V20.206H4.447V19.879Z", fill: color }),
React.createElement(Path, { d: "M4.148 20.389V21.463H2.268V20.121H4.416ZM4.148 20.121H2.000C2.121 19.852 2.001 19.973 2.001 20.121L2.000 21.463C2.000 21.611 2.121 21.732 2.268 21.732H4.416C4.295 22.000 4.416 21.879 4.416 21.732V20.121C4.685 19.973 4.564 19.852 4.416 19.852ZM3.208 20.255H3.477V20.523H3.208V20.255ZM3.208 20.658H3.477V20.926H3.208V20.658ZM2.805 20.255H3.074V20.523H2.805V20.255ZM2.805 20.658H3.074V20.926H2.805V20.658ZM2.403 20.658H2.671V20.926H2.403V20.658ZM2.403 20.255H2.671V20.523H2.403V20.255ZM2.805 21.060H3.879V21.329H2.805V21.060ZM3.611 20.658H3.879V20.926H3.611V20.658ZM3.611 20.255H3.879V20.523H3.611V20.255ZM4.013 20.658H4.282V20.926H4.013V20.658ZM4.013 20.255H4.282V20.523H4.013V20.255Z", fill: color })));
};
Keyboard.displayName = 'Keyboard';