@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 712 B
JavaScript
import{jsxs as t,jsx as o}from"react/jsx-runtime";import"@mui/material";import r from"../../BrandCore/Icon/Icon.js";import i from"../Typography/Typography.js";import a from"./TrialCardContainers.js";import{TrialPill as e}from"./TrialPill.js";const n=({promoHeadline:n,promoDescription:m,ctaText:l,ctaFn:c})=>t(a.TrialCard,{gradient:"tone1",texture:"noise1",children:[t(a.Top,{sx:{alignItems:"start"},children:[o(e,{body:n,weight:"heavy",icon:o(r,{name:"gift"})}),o(i,{component:"p",variation:"lg",sx:{maxWidth:{lg:600,md:"initial"},color:t=>t.custom.palette.text.lockedWhite},children:m})]}),o(a.CtaButtonContainer,{children:o(a.CtaButton,{variation:"secondary",onClick:c,children:l})})]});export{n as default};