onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
14 lines (13 loc) • 1.24 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const DisplaySettings = ({ 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: "M22.000 2.000H2.000V5.750H22.000V2.000Z", fill: color }),
React.createElement(Path, { d: "M9.500 15.750H17.000V8.250H9.500V2.000H2.000V22.000H9.500V15.750Z", fill: color }),
React.createElement(Path, { d: "M20.000 3.000H4.000C2.890 3.000 2.000 3.890 2.000 5.000V17.000C2.000 18.100 2.890 19.000 4.000 19.000H8.000V21.000H16.000V19.000H20.000C21.100 19.000 22.000 18.100 22.000 17.000V5.000C22.000 3.890 21.100 3.000 20.000 3.000ZM20.000 17.000H4.000V5.000H20.000V17.000Z", fill: color }),
React.createElement(Path, { d: "M22.000 2.000H2.000V5.750H22.000V2.000Z", fill: color }),
React.createElement(Path, { d: "M9.500 22.000H17.000V2.000H9.500V8.250H2.000V15.750H9.500V22.000Z", fill: color })));
};
DisplaySettings.displayName = 'DisplaySettings';