UNPKG

onecart-ui

Version:

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

10 lines (9 loc) 968 B
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const Search = ({ 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: "M16.294 14.579H15.391L15.070 14.270C16.191 12.966 16.866 11.274 16.866 9.433C16.866 5.328 13.538 2.000 9.433 2.000C5.328 2.000 2.000 5.328 2.000 9.433C2.000 13.538 5.328 16.866 9.433 16.866C11.274 16.866 12.966 16.191 14.270 15.070L14.579 15.391V16.294L20.296 22.000L22.000 20.296L16.294 14.579ZM9.433 14.579C6.585 14.579 4.287 12.280 4.287 9.433C4.287 6.585 6.585 4.287 9.433 4.287C12.280 4.287 14.579 6.585 14.579 9.433C14.579 12.280 12.280 14.579 9.433 14.579Z", fill: color }))); }; Search.displayName = 'Search';