onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
12 lines (11 loc) • 2 kB
JavaScript
import React from 'react';
export const MenuBook = ({ 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: "M20.182 5.636C19.173 5.318 18.064 5.182 17.000 5.182C15.227 5.182 13.318 5.545 12.000 6.545C10.682 5.545 8.773 5.182 7.000 5.182C5.227 5.182 3.318 5.545 2.000 6.545V19.864C2.000 20.091 2.227 20.318 2.455 20.318C2.545 20.318 2.591 20.273 2.682 20.273C3.909 19.682 5.682 19.273 7.000 19.273C8.773 19.273 10.682 19.636 12.000 20.636C13.227 19.864 15.455 19.273 17.000 19.273C18.500 19.273 20.045 19.545 21.318 20.227C21.409 20.273 21.455 20.273 21.545 20.273C21.773 20.273 22.000 20.045 22.000 19.818V6.545C21.455 6.136 20.864 5.864 20.182 5.636ZM20.182 17.909C19.182 17.591 18.091 17.455 17.000 17.455C15.455 17.455 13.227 18.045 12.000 18.818V8.364C13.227 7.591 15.455 7.000 17.000 7.000C18.091 7.000 19.182 7.136 20.182 7.455V17.909Z", fill: color }),
React.createElement("path", { d: "M17.455 2.000C19.055 2.000 20.600 2.164 22.000 2.473V2.436C17.836 2.164 16.291 2.000 14.727 2.000C11.636 2.000 8.836 2.527 6.545 3.509V3.800C11.327 2.636 14.182 2.000 17.455 2.000Z", fill: color }),
React.createElement("path", { d: "M2.000 3.990V4.758C7.923 3.224 11.688 2.384 16.005 2.384C18.115 2.384 20.153 2.600 22.000 3.008V2.576C16.892 2.216 14.854 2.000 12.792 2.000C8.715 2.000 5.022 2.719 2.000 3.990Z", fill: color }),
React.createElement("path", { d: "M16.493 2.644C11.018 2.644 6.058 3.578 2.000 5.317V14.303C2.000 12.242 7.056 11.114 12.853 11.114C15.688 11.114 18.425 11.404 20.905 11.952V3.417C22.000 2.902 19.262 2.644 16.493 2.644Z", fill: color })));
};
MenuBook.displayName = 'MenuBook';