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