@gsretail.com/gui-core/build/core/Badge/GuiBadge.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as a}from"../../node_modules/tslib/tslib.es6.js";import i from"react";import{Box as t,Badge as o}from"@mui/material";import{GuiIcon as r}from"../../node_modules/@gsretail.com/gui-icons/dist/index.js";import n from"./GuiBadge.styled.js";var l=n((function(n){var l=n.variant,s=n.color,m=n.badgeContent,c=n.max,d=n.invisible,v=n.vertical,b=n.horizontal,p=n.className,g=n.boxProps,u=e(n,["variant","color","badgeContent","max","invisible","vertical","horizontal","className","boxProps"]);return i.createElement(t,a({className:["gui-badge",p&&p].join(" ")},g),i.createElement(o,a({variant:l,color:s,badgeContent:m||0,max:c||99,invisible:"dot"===l?d:null},u,{anchorOrigin:{vertical:v,horizontal:b}}),u.children?u.children:i.createElement(r,{name:"Mail",style:{fontSize:"30px"}})))}));l.defaultProps={variant:"standard",color:"primary",badgeContent:0,max:99,invisible:!1,vertical:"top",horizontal:"right"};export{l as GuiBadge,l as default};