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

Bothub UI Components

import{styled as e,css as r}from"styled-components";import{Typography as s}from"../typography/index.js";import{Skeleton as o}from"../skeleton/index.js";const t=e.div.withConfig({displayName:"styled__BadgeStyled",componentId:"sc-zscsi-0"})(["display:inline-flex;align-items:center;gap:6px;padding:0px 12px;height:26px;cursor:default;border-radius:","px;background:",";",""],({$brick:e})=>e?6:13,({theme:e,$variant:r,$skeleton:s})=>{if(s)return e.colors.grayScale.gray2;switch(r){case"info":return"dark"===e.mode?e.colors.grayScale.gray3:e.colors.grayScale.gray5;case"blue":return e.colors.accent.primary;case"critic":case"error":return e.colors.critic;case"success":return e.colors.green}},({$skeleton:e})=>e&&r`
      cursor: progress;
    `),a=e(s).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeText",componentId:"sc-zscsi-1"})(["color:",";cursor:inherit;white-space:nowrap;"],({theme:e,$variant:r})=>e.default.colors.base.white),i=e(o).attrs({width:60,height:12}).withConfig({displayName:"styled__BadgeSkeleton",componentId:"sc-zscsi-2"})(["border-radius:8px;"]);export{i as BadgeSkeleton,t as BadgeStyled,a as BadgeText};