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

Bothub UI Components

import{__rest as o}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useCallback as r}from"react";import{UserTariffBadgeStyled as i,UserTariffBadgeSkeleton as s,UserTariffBadgeText as l}from"./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 n}from"../../tooltip/context.js";const a=a=>{var{skeleton:m=!1,tariff:p}=a,d=o(a,["skeleton","tariff"]);const{handleTooltipMouseEnter:u,handleTooltipMouseLeave:c}=n(),f=r((o=>{var e;null===(e=d.onMouseEnter)||void 0===e||e.call(d,o),u(o)}),[d.onMouseEnter,u]),v=r((o=>{var e;null===(e=d.onMouseLeave)||void 0===e||e.call(d,o),c(o)}),[d.onMouseLeave,c]);return e(i,Object.assign({$skeleton:m},d,{onMouseEnter:f,onMouseLeave:v,$tariff:p,children:[m&&t(s,{}),(!m||!p)&&t(l,{children:null==p?void 0:p.toLowerCase()})]}))};export{a as UserTariffBadge,s as UserTariffBadgeSkeleton,i as UserTariffBadgeStyled,l as UserTariffBadgeText};