onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.36 kB
JavaScript
import React from 'react';
export const HelpCenter = ({ size = 'md', color = 'currentColor', className, 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", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
React.createElement("path", { d: "M13.389 17.267C13.389 18.033 12.800 18.667 12.000 18.667C11.222 18.667 10.600 18.044 10.600 17.267C10.600 16.478 11.222 15.878 12.000 15.878C12.789 15.878 13.389 16.489 13.389 17.267ZM11.989 5.333C10.022 5.333 8.678 6.611 8.178 8.100L10.000 8.867C10.244 8.122 10.822 7.222 12.000 7.222C13.800 7.222 14.156 8.911 13.522 9.811C12.922 10.667 11.889 11.244 11.344 12.211C10.911 12.978 11.000 13.867 11.000 14.411H13.022C13.022 13.378 13.100 13.167 13.267 12.844C13.700 12.044 14.500 11.667 15.344 10.433C16.100 9.322 15.811 7.811 15.322 7.011C14.756 6.078 13.633 5.333 11.989 5.333ZM19.778 4.222H4.222V19.778H19.778V4.222ZM19.778 2.000C21.000 2.000 22.000 3.000 22.000 4.222V19.778C22.000 21.000 21.000 22.000 19.778 22.000H4.222C3.000 22.000 2.000 21.000 2.000 19.778V4.222C2.000 3.000 3.000 2.000 4.222 2.000H19.778Z", fill: color })));
};
HelpCenter.displayName = 'HelpCenter';