@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 729 B
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),n=require("../../BrandCore/Icon/Icon.js"),i=require("../Typography/Typography.js");module.exports=({logo:t,headerText:a,subText:s})=>{const m=r.useTheme();return e.jsxs(r.Stack,{gap:m.spacing(m.custom.margin.md),alignItems:"center",mb:m.spacing(m.custom.margin.lg),children:[!1===t?null:t||e.jsx(n.default,{name:"brand-wordmark",sx:{width:{sm:79,md:79,lg:106},height:{sm:24,md:24,lg:32}}}),e.jsxs(r.Stack,{gap:m.spacing(m.custom.margin.md),children:[a&&e.jsx(i,{variation:"sm",component:"h1",align:"center",weight:"bold",children:a}),function(){if(s)return"string"==typeof s?e.jsx(i,{variation:"md",component:"p",align:"center",children:s}):s}()]})]})};