@while-and-for/tremor-react/dist/components/icon-elements/Badge/Badge.cjs

The React library to build dashboards faster.

'use client';
"use strict";var e=require("tslib"),r=require("react"),t=require("../../../lib/constants.cjs"),s=require("../../../lib/spacing.cjs"),o=require("../../../lib/theme.cjs"),a=require("../../../lib/utils.cjs"),i=require("../../../lib/tremorTwMerge.cjs"),l=require("./styles.cjs"),n=require("../../util-elements/Tooltip/Tooltip.cjs");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(r);const m=a.makeClassName("Badge"),u=d.default.forwardRef(((r,c)=>{const{color:u,icon:g,size:p=t.Sizes.SM,tooltip:f,className:b,children:h}=r,w=e.__rest(r,["color","icon","size","tooltip","className","children"]),x=g||null,{tooltipProps:j,getReferenceProps:T}=n.useTooltip();return d.default.createElement("span",Object.assign({ref:a.mergeRefs([c,j.refs.setReference]),className:i.tremorTwMerge(m("root"),"w-max flex-shrink-0 inline-flex justify-center items-center cursor-default rounded-tremor-full",u?i.tremorTwMerge(a.getColorClassNames(u,o.colorPalette.lightBackground).bgColor,a.getColorClassNames(u,o.colorPalette.darkText).textColor):i.tremorTwMerge("bg-tremor-brand-muted text-tremor-brand-emphasis","dark:bg-dark-tremor-brand-muted dark:text-dark-tremor-brand-emphasis"),l.badgeProportions[p].paddingX,l.badgeProportions[p].paddingY,l.badgeProportions[p].fontSize,b)},T,w),d.default.createElement(n.default,Object.assign({text:f},j)),x?d.default.createElement(x,{className:i.tremorTwMerge(m("icon"),"shrink-0",s.spacing.twoXs.negativeMarginLeft,s.spacing.xs.marginRight,l.iconSizes[p].height,l.iconSizes[p].width)}):null,d.default.createElement("p",{className:i.tremorTwMerge(m("text"),"text-sm whitespace-nowrap")},h))}));u.displayName="Badge",module.exports=u;