2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{F as i}from"./CurrencyYenIcon-Bf5bmWZc.js";function d({monthlyPrice:n,oneTimePrice:a,size:m="md",alignment:s="right"}){const r={sm:{monthlyPrice:"text-xl",monthlyLabel:"text-xs",icon:"h-5 w-5",oneTimePrice:"text-sm",oneTimeLabel:"text-xs"},md:{monthlyPrice:"text-2xl",monthlyLabel:"text-sm",icon:"h-6 w-6",oneTimePrice:"text-base",oneTimeLabel:"text-xs"},lg:{monthlyPrice:"text-3xl",monthlyLabel:"text-base",icon:"h-7 w-7",oneTimePrice:"text-lg",oneTimeLabel:"text-sm"}},o=s==="right"?"text-right":"text-left",l=s==="right"?"justify-end":"justify-start";if(!n&&!a)return null;const t=r[m];return e.jsxs("div",{className:`flex-shrink-0 ${o}`,children:[n&&n>0&&e.jsxs("div",{className:`flex items-baseline gap-1 ${l}`,children:[e.jsx(i,{className:`${t.icon} text-gray-600`}),e.jsx("span",{className:`${t.monthlyPrice} font-bold text-gray-900`,children:n.toLocaleString()}),e.jsx("span",{className:`${t.monthlyLabel} text-gray-500 font-normal`,children:"/month"})]}),a&&a>0&&e.jsxs("div",{className:`flex items-baseline gap-1 ${l} ${n?"mt-1":""}`,children:[e.jsx(i,{className:"h-4 w-4 text-orange-600"}),e.jsx("span",{className:`${t.oneTimePrice} font-semibold text-orange-600`,children:a.toLocaleString()}),e.jsx("span",{className:`${t.oneTimeLabel} text-orange-500`,children:"one-time"})]})]})}d.__docgenInfo={description:"",methods:[],displayName:"CardPricing",props:{monthlyPrice:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:""},oneTimePrice:{required:!1,tsType:{name:"union",raw:"number | null | undefined",elements:[{name:"number"},{name:"null"},{name:"undefined"}]},description:""},size:{required:!1,tsType:{name:"union",raw:'"sm" | "md" | "lg" | undefined',elements:[{name:"literal",value:'"sm"'},{name:"literal",value:'"md"'},{name:"literal",value:'"lg"'},{name:"undefined"}]},description:"",defaultValue:{value:'"md"',computed:!1}},alignment:{required:!1,tsType:{name:"union",raw:'"left" | "right" | undefined',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'},{name:"undefined"}]},description:"",defaultValue:{value:'"right"',computed:!1}}}};export{d as C};
|