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

Bothub UI Components

import{__rest as e}from"tslib";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useCallback as t}from"react";import{BadgeProgressStyled as l,BadgeProgressBackground as s,BadgeProgressLine as i,BadgeProgressLineFilled as a,BadgeProgressContent as n,BadgeProgressLoader as c,BadgeProgressText as m}from"./styled.js";export{BadgeProgressTextBold}from"./styled.js";import{IconProvider as p}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{useTheme as u}from"../../../theme/hook.js";const h=h=>{var{className:f,value:j=null,min:y=0,max:v=100,color:b="primary",children:g}=h,x=e(h,["className","value","min","max","color","children"]);const w=u();let M,k;switch(M=null!==j?(j-y)/(v-y)*100:null,b){case"primary":k=w.default.colors.base.white;break;case"white-green":k=w.colors.gpt3;break;case"white-purple":k=w.colors.gpt4;break;case"white-blue":k=w.colors.accent.primary;break;default:k=b}const{handleTooltipMouseEnter:E,handleTooltipMouseLeave:L}=d(),N=t((e=>{var o;null===(o=x.onMouseEnter)||void 0===o||o.call(x,e),E(e)}),[x.onMouseEnter,E]),T=t((e=>{var o;null===(o=x.onMouseLeave)||void 0===o||o.call(x,e),L(e)}),[x.onMouseLeave,L]);return o(l,Object.assign({},x,{$color:b,className:f,onMouseEnter:N,onMouseLeave:T,children:[r(s,{children:r(i,{$color:b,children:null!==M&&r(a,{style:{width:`${M}%`}})})}),o(n,{children:[r(p,{fill:k,children:r(c,{})}),"string"==typeof g&&r(m,{children:g}),"string"!=typeof g&&g]})]}))};export{h as BadgeProgress,s as BadgeProgressBackground,n as BadgeProgressContent,i as BadgeProgressLine,a as BadgeProgressLineFilled,c as BadgeProgressLoader,l as BadgeProgressStyled,m as BadgeProgressText};