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

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

import{__rest as a,__assign as r}from"tslib";import i from"react";import{Box as t,Badge as e}from"@mui/material";import{GuiIcon as o}from"@gsretail.com/gui-icons";import n from"./GuiBadge.styled.js";var l=n((function(n){var l=n.variant,m=n.color,c=n.badgeContent,s=n.max,d=n.invisible,v=n.vertical,b=n.horizontal,p=n.className,g=n.boxProps,f=a(n,["variant","color","badgeContent","max","invisible","vertical","horizontal","className","boxProps"]);return i.createElement(t,r({className:["gui-badge",p&&p].join(" ")},g),i.createElement(e,r({variant:l,color:m,badgeContent:c||0,max:s||99,invisible:"dot"===l?d:null},f,{anchorOrigin:{vertical:v,horizontal:b}}),f.children?f.children:i.createElement(o,{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};