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