onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
14 lines (13 loc) • 2.14 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const ColorLens = ({ 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: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C6.490 22.000 2.000 17.510 2.000 12.000C2.000 6.490 6.490 2.000 12.000 2.000C17.510 2.000 22.000 6.040 22.000 11.000C22.000 14.310 19.310 17.000 16.000 17.000H14.230C13.950 17.000 13.730 17.220 13.730 17.500C13.730 17.620 13.780 17.730 13.860 17.830C14.270 18.300 14.500 18.890 14.500 19.500C14.500 20.880 13.380 22.000 12.000 22.000ZM12.000 4.000C7.590 4.000 4.000 7.590 4.000 12.000C4.000 16.410 7.590 20.000 12.000 20.000C12.280 20.000 12.500 19.780 12.500 19.500C12.500 19.340 12.420 19.220 12.360 19.150C11.950 18.690 11.730 18.100 11.730 17.500C11.730 16.120 12.850 15.000 14.230 15.000H16.000C18.210 15.000 20.000 13.210 20.000 11.000C20.000 7.140 16.410 4.000 12.000 4.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color })));
};
ColorLens.displayName = 'ColorLens';