onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.95 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const BusAlert = ({ 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 2.000C6.480 2.000 2.000 6.480 2.000 12.000C2.000 17.520 6.480 22.000 12.000 22.000C17.520 22.000 22.000 17.520 22.000 12.000C22.000 6.480 17.520 2.000 12.000 2.000ZM13.000 18.000H11.000V16.000H13.000V18.000ZM13.000 14.000H11.000V6.000H13.000V14.000Z", fill: color }),
React.createElement(Path, { d: "M4.000 11.000V8.000H11.290C11.100 7.370 11.000 6.700 11.000 6.000H4.430C5.260 5.290 7.410 4.910 11.080 5.020C11.180 4.320 11.380 3.650 11.670 3.030C2.970 2.670 2.000 5.020 2.000 7.000V16.500C2.000 17.450 2.380 18.310 3.000 18.940V21.000C3.000 21.550 3.450 22.000 4.000 22.000H5.000C5.550 22.000 6.000 21.550 6.000 21.000V20.000H14.000V21.000C14.000 21.550 14.450 22.000 15.000 22.000H16.000C16.550 22.000 17.000 21.550 17.000 21.000V18.940C17.620 18.310 18.000 17.450 18.000 16.500V13.000C16.090 13.000 14.370 12.240 13.110 11.000H4.000ZM16.000 16.000C16.000 17.100 15.100 18.000 14.000 18.000H6.000C4.900 18.000 4.000 17.100 4.000 16.000V13.000H16.000V16.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 })));
};
BusAlert.displayName = 'BusAlert';