@start-base/start-ui/Badge/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as a}from"react";import r from"clsx";var t=Object.defineProperty,o=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,i=(e,a,r)=>a in e?t(e,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[a]=r,c="SUI-Badge-module-container-7slow",s="SUI-Badge-module-root-4pJp1",d=a(((a,t)=>{const d=a,{children:p,content:m,color:f="primary",variant:v="default",position:u="top-right",invisible:b=!1,className:y="",containerClassName:O=""}=d,N=((e,a)=>{var r={};for(var t in e)l.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&o)for(var t of o(e))a.indexOf(t)<0&&n.call(e,t)&&(r[t]=e[t]);return r})(d,["children","content","color","variant","position","invisible","className","containerClassName"]),g=r(s,y),h=r(c,O),w="default"===v;return e.createElement("div",{className:h,"data-show":!b,"data-color":f,"data-variant":v,"data-position":u},e.createElement("div",((e,a)=>{for(var r in a||(a={}))l.call(a,r)&&i(e,r,a[r]);if(o)for(var r of o(a))n.call(a,r)&&i(e,r,a[r]);return e})({className:g,ref:t},N),w&&m),p)}));d.displayName="Badge";var p=d;export{p as default};