onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.65 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const SupportAgent = ({ 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 10.219C21.216 5.562 17.163 2.000 12.278 2.000C7.327 2.000 2.000 6.101 2.425 12.539C6.461 10.889 9.500 7.294 10.366 2.915C12.507 7.212 16.902 10.170 22.000 10.219Z", fill: color }),
React.createElement(Path, { d: "M21.000 12.220C21.000 6.730 16.740 3.000 12.000 3.000C7.310 3.000 3.000 6.650 3.000 12.280C2.400 12.620 2.000 13.260 2.000 14.000V16.000C2.000 17.100 2.900 18.000 4.000 18.000H5.000V11.900C5.000 8.030 8.130 4.900 12.000 4.900C15.870 4.900 19.000 8.030 19.000 11.900V19.000H11.000V21.000H19.000C20.100 21.000 21.000 20.100 21.000 19.000V17.780C21.590 17.470 22.000 16.860 22.000 16.140V13.840C22.000 13.140 21.590 12.530 21.000 12.220Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.522 22.000 22.000 17.522 22.000 12.000C22.000 6.478 17.522 2.000 12.000 2.000C6.478 2.000 2.000 6.478 2.000 12.000C2.000 17.522 6.478 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.522 22.000 22.000 17.522 22.000 12.000C22.000 6.478 17.522 2.000 12.000 2.000C6.478 2.000 2.000 6.478 2.000 12.000C2.000 17.522 6.478 22.000 12.000 22.000Z", fill: color })));
};
SupportAgent.displayName = 'SupportAgent';