@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 i}from"react";import{BadgeStyled as s,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-markdown";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,k=e(p,["variant","icon","iconSize","brick","rounded","skeleton","children"]);const x=m();let y;if("info"===g)y=x.colors.base.white;else y=x.default.colors.base.white;const{handleTooltipMouseEnter:b,handleTooltipMouseLeave:M}=d(),P=i(e=>{var o;null===(o=k.onMouseEnter)||void 0===o||o.call(k,e),b(e)},[k.onMouseEnter,b]),L=i(e=>{var o;null===(o=k.onMouseLeave)||void 0===o||o.call(k,e),M(e)},[k.onMouseLeave,M]);return o(s,Object.assign({$variant:g,$brick:h,$rounded:j,$skeleton:v},k,{onMouseEnter:P,onMouseLeave:L,children:[r(a,{size:null!=f?f:16,fill:y,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,s as BadgeStyled,l as BadgeText};