UNPKG

@while-and-for/tremor-react

Version:

The React library to build dashboards faster.

3 lines (2 loc) 1.33 kB
'use client'; "use strict";var e=require("tslib"),r=require("react"),t=require("../../../lib/constants.cjs"),s=require("../../../lib/spacing.cjs"),a=require("../../../lib/utils.cjs"),i=require("../../../lib/tremorTwMerge.cjs"),l=require("./styles.cjs");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const c=a.makeClassName("BadgeDelta"),d=o.default.forwardRef(((r,n)=>{const{deltaType:d=t.DeltaTypes.Increase,isIncreasePositive:u=!0,size:m=t.Sizes.SM,children:g,className:p}=r,f=e.__rest(r,["deltaType","isIncreasePositive","size","children","className"]),w=l.deltaIcons[d],T=a.mapInputsToDeltaType(d,u),b=g?l.badgeProportionsWithText:l.badgeProportionsIconOnly;return o.default.createElement("span",Object.assign({ref:n,className:i.tremorTwMerge(c("root"),"w-max flex-shrink-0 inline-flex justify-center items-center cursor-default rounded-tremor-full",l.colors[T].bgColor,l.colors[T].textColor,b[m].paddingX,b[m].paddingY,b[m].fontSize,p)},f),o.default.createElement(w,{className:i.tremorTwMerge(c("icon"),"shrink-0",g?i.tremorTwMerge(s.spacing.twoXs.negativeMarginLeft,s.spacing.xs.marginRight):l.iconSizes[m].height,l.iconSizes[m].width)}),g?o.default.createElement("p",{className:i.tremorTwMerge(c("text"),"text-sm whitespace-nowrap")},g):null)}));d.displayName="BadgeDelta",module.exports=d;