@medalsocial/meda
Version:
Shared Meda UI shell and runtime package.
6 lines (5 loc) • 524 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cx } from './utils.js';
export function MarketingShell({ header, footer, children, className }) {
return (_jsxs("div", { className: cx('flex min-h-screen flex-col bg-background text-foreground', className), children: [header && _jsx("header", { className: "sticky top-4 z-40 px-4 sm:px-6", children: header }), _jsx("main", { className: "flex-1", children: children }), footer && _jsx("footer", { className: "mt-auto", children: footer })] }));
}