onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 2.62 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const DragIndicator = ({ 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: "M7.000 19.500C7.000 20.875 5.875 22.000 4.500 22.000C3.125 22.000 2.000 20.875 2.000 19.500C2.000 18.125 3.125 17.000 4.500 17.000C5.875 17.000 7.000 18.125 7.000 19.500ZM4.500 9.500C3.125 9.500 2.000 10.625 2.000 12.000C2.000 13.375 3.125 14.500 4.500 14.500C5.875 14.500 7.000 13.375 7.000 12.000C7.000 10.625 5.875 9.500 4.500 9.500ZM4.500 2.000C3.125 2.000 2.000 3.125 2.000 4.500C2.000 5.875 3.125 7.000 4.500 7.000C5.875 7.000 7.000 5.875 7.000 4.500C7.000 3.125 5.875 2.000 4.500 2.000ZM12.000 7.000C13.375 7.000 14.500 5.875 14.500 4.500C14.500 3.125 13.375 2.000 12.000 2.000C10.625 2.000 9.500 3.125 9.500 4.500C9.500 5.875 10.625 7.000 12.000 7.000ZM12.000 9.500C10.625 9.500 9.500 10.625 9.500 12.000C9.500 13.375 10.625 14.500 12.000 14.500C13.375 14.500 14.500 13.375 14.500 12.000C14.500 10.625 13.375 9.500 12.000 9.500ZM12.000 17.000C10.625 17.000 9.500 18.125 9.500 19.500C9.500 20.875 10.625 22.000 12.000 22.000C13.375 22.000 14.500 20.875 14.500 19.500C14.500 18.125 13.375 17.000 12.000 17.000Z", fill: color }),
React.createElement(Path, { d: "M7.000 19.500C7.000 20.875 5.875 22.000 4.500 22.000C3.125 22.000 2.000 20.875 2.000 19.500C2.000 18.125 3.125 17.000 4.500 17.000C5.875 17.000 7.000 18.125 7.000 19.500ZM4.500 9.500C3.125 9.500 2.000 10.625 2.000 12.000C2.000 13.375 3.125 14.500 4.500 14.500C5.875 14.500 7.000 13.375 7.000 12.000C7.000 10.625 5.875 9.500 4.500 9.500ZM4.500 2.000C3.125 2.000 2.000 3.125 2.000 4.500C2.000 5.875 3.125 7.000 4.500 7.000C5.875 7.000 7.000 5.875 7.000 4.500C7.000 3.125 5.875 2.000 4.500 2.000ZM12.000 7.000C13.375 7.000 14.500 5.875 14.500 4.500C14.500 3.125 13.375 2.000 12.000 2.000C10.625 2.000 9.500 3.125 9.500 4.500C9.500 5.875 10.625 7.000 12.000 7.000ZM12.000 9.500C10.625 9.500 9.500 10.625 9.500 12.000C9.500 13.375 10.625 14.500 12.000 14.500C13.375 14.500 14.500 13.375 14.500 12.000C14.500 10.625 13.375 9.500 12.000 9.500ZM12.000 17.000C10.625 17.000 9.500 18.125 9.500 19.500C9.500 20.875 10.625 22.000 12.000 22.000C13.375 22.000 14.500 20.875 14.500 19.500C14.500 18.125 13.375 17.000 12.000 17.000Z", fill: color })));
};
DragIndicator.displayName = 'DragIndicator';