@bothub-chat/ui/dist/components/badge/index.js

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as o,jsx as r,Fragment as t}from"react/jsx-runtime";import{useCallback as s}from"react";import{BadgeStyled as i,BadgeSkeleton as n,BadgeText as l}from"./styled.js";import{IconProvider as a}from"../icon/context.js";import"../icon/styled.js";import"@react-spring/web";import"react-dom";import"../portal/styled.js";import"../tooltip/styled.js";import"../tooltip/arrow/styled.js";import"../../theme/index.js";import{useTooltip as d}from"../tooltip/context.js";import{ErrorIcon as c}from"../../icons/error/index.js";export{BadgeProgressBackground,BadgeProgressContent,BadgeProgressLine,BadgeProgressLineFilled,BadgeProgressLoader,BadgeProgressStyled,BadgeProgressText,BadgeProgressTextBold}from"./progress/styled.js";import{useTheme as m}from"../../theme/hook.js";const p=p=>{var{variant:g="info",icon:u,iconSize:f,brick:h=!1,rounded:j=!0,skeleton:v=!1,children:B}=p,x=e(p,["variant","icon","iconSize","brick","rounded","skeleton","children"]);const y=m();let b;if("info"===g)b=y.colors.base.white;else b=y.default.colors.base.white;const{handleTooltipMouseEnter:k,handleTooltipMouseLeave:M}=d(),P=s((e=>{var o;null===(o=x.onMouseEnter)||void 0===o||o.call(x,e),k(e)}),[x.onMouseEnter,k]),L=s((e=>{var o;null===(o=x.onMouseLeave)||void 0===o||o.call(x,e),M(e)}),[x.onMouseLeave,M]);return o(i,Object.assign({$variant:g,$brick:h,$rounded:j,$skeleton:v},x,{onMouseEnter:P,onMouseLeave:L,children:[r(a,{size:null!=f?f:16,fill:b,children:null!=u?u:"error"===g?r(c,{}):null}),v&&r(n,{}),!v&&o(t,{children:["string"!=typeof B&&B,"string"==typeof B&&r(l,{$variant:g,children:B})]})]}))};export{p as Badge,n as BadgeSkeleton,i as BadgeStyled,l as BadgeText};