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

Bothub UI Components

import{styled as e,css as r}from"styled-components";import{Typography as t}from"../../typography/index.js";import{Skeleton as i}from"../../skeleton/index.js";const a=e.div.withConfig({displayName:"styled__UserTariffBadgeStyled",componentId:"sc-ji3qwk-0"})(["display:inline-flex;align-items:center;gap:6px;padding:",";height:30px;cursor:default;border-radius:10px;background:",";",""],({$tariff:e,$skeleton:r})=>r?"4px 8px":"FREE"===e?"0px":"4px 12px",({theme:e,$tariff:r,$skeleton:t})=>{if(t)return e.colors.grayScale.gray2;switch(r){case"FREE":return"#00000000";case"BASIC":return e.colors.accent.primary;case"DELUXE":case"ELITE":case"PREMIUM":return e.colors.premiumGradient}},({$skeleton:e})=>e&&r`
      cursor: progress;
    `),o=e(t).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__UserTariffBadgeText",componentId:"sc-ji3qwk-1"})(["color:",";cursor:inherit;white-space:nowrap;text-transform:capitalize;"],({theme:e})=>e.default.colors.base.white),s=e(i).attrs({width:60,height:12}).withConfig({displayName:"styled__UserTariffBadgeSkeleton",componentId:"sc-ji3qwk-2"})(["border-radius:8px;"]);export{s as UserTariffBadgeSkeleton,a as UserTariffBadgeStyled,o as UserTariffBadgeText};