onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.06 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Attachment = ({ 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: "M18.585 14.683H7.366C3.746 16.146 2.000 14.400 2.000 12.244C2.000 10.088 3.746 8.341 5.902 8.341H18.098C20.907 6.878 22.000 7.971 22.000 9.317C22.000 10.663 20.907 11.756 19.561 11.756H9.317C7.317 13.220 6.878 12.780 6.878 12.244C6.878 11.707 7.317 11.268 7.854 11.268H17.122V9.805H7.854C7.971 8.341 6.878 9.434 6.878 10.780C6.878 12.127 7.971 13.220 9.317 13.220H19.561C20.254 14.683 22.000 12.937 22.000 10.780C22.000 8.624 20.254 6.878 18.098 6.878H5.902C4.400 5.415 2.000 7.815 2.000 10.780C2.000 13.746 4.400 16.146 7.366 16.146H18.585V14.683Z", fill: color })));
};
Attachment.displayName = 'Attachment';