UNPKG

onecart-ui

Version:

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

12 lines (11 loc) 1.07 kB
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const WebStories = ({ 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.000V6.000C20.800 6.000 22.000 4.800 22.000 3.333V4.667C4.667 3.200 3.467 2.000 2.000 2.000Z", fill: color }), React.createElement(Path, { d: "M13.000 2.000H4.000C2.900 2.000 2.000 2.900 2.000 4.000V20.000C2.000 21.100 2.900 22.000 4.000 22.000H13.000C14.100 22.000 15.000 21.100 15.000 20.000V4.000C15.000 2.900 14.100 2.000 13.000 2.000ZM13.000 20.000H4.000V4.000H13.000V20.000Z", fill: color }), React.createElement(Path, { d: "M7.455 2.000V3.818C21.188 3.818 22.000 3.006 22.000 2.000V3.818C9.273 2.812 8.461 2.000 7.455 2.000Z", fill: color }))); }; WebStories.displayName = 'WebStories';