UNPKG

@bothub-chat/ui

Version:

Bothub UI Components

2 lines (1 loc) 1.99 kB
import{jsxs as r,jsx as a}from"react/jsx-runtime";import{Radio as i}from"../../radio/index.js";import{TariffCardIsPopular as n,TariffCardIsPopularContainer as t,TariffCardStarUnfilledIcon as e,TariffCardIsPopularText as l,TariffCardBackground as o,TariffCardStyled as c,TariffCardStyledContent as d,TariffCardContainer as E,TariffCardLabel as v,TariffCardCapsContainer as R,TariffCardCapsText as h,TariffCardCapsBadge as p,TariffCardContainerPrice as s,TariffCardPrice as u,TariffCardCurrency as T,TariffCardEnterpriseButtonContainer as f,TariffCardDescription as P,TariffCardButtonContainer as I,TariffCardDiscount as N}from"./styled.js";export{TariffCardArrow,TariffCardEnterpriseButton}from"./styled.js";const S=S=>{var x;const $="ENTERPRISE"===S.variant?"button":null!==(x=S.control)&&void 0!==x?x:"radio",m="ENTERPRISE"!==S.variant&&"radio"===$&&!!S.selected;return r(n,{$active:"PREMIUM"===S.variant&&!!S.popularText,$variant:S.variant,"data-test":S.variant,children:["PREMIUM"===S.variant&&!!S.popularText&&r(t,{children:[a(e,{fill:"#fff",size:16}),a(l,{children:S.popularText})]}),a(o,{children:r(c,{onClick:r=>{var a;"ENTERPRISE"!==S.variant&&(r.preventDefault(),null===(a=S.onClick)||void 0===a||a.call(S,r))},$variant:S.variant,$active:m,$clickable:"ENTERPRISE"!==S.variant&&("radio"===$||!!S.onClick),children:[r(d,{$variant:S.variant,$control:$,children:["ENTERPRISE"!==S.variant&&"radio"===$&&a(i,{checked:m}),r(E,{children:[a(v,{$color:S.variant,children:S.label}),r(R,{children:[a(h,{children:S.extraText}),"ENTERPRISE"!==S.variant&&a(p,{color:"blue",children:`${S.caps} Caps`})]})]}),"ENTERPRISE"!==S.variant&&r(s,{children:[r(u,{children:[S.price," "]}),a(T,{children:S.currency})]}),"ENTERPRISE"===S.variant&&a(f,{children:S.button})]}),a(P,{children:S.description}),"ENTERPRISE"!==S.variant&&"button"===S.control&&a(I,{onClick:r=>r.stopPropagation(),children:S.button}),"ENTERPRISE"!==S.variant&&S.discount&&a(N,{children:S.discount})]})})]})};export{S as TariffCard};