@medalsocial/meda
Version:
Shared Meda UI shell and runtime package.
6 lines (5 loc) • 1.31 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cx } from './utils.js';
export function MarketingFooter({ brand, tagline, columns = [], bottomSlot, className, }) {
return (_jsxs("div", { className: cx('border-t border-border bg-background', className), children: [_jsxs("div", { className: "mx-auto grid w-full max-w-6xl gap-12 px-6 py-16 md:grid-cols-12", children: [_jsxs("div", { className: "md:col-span-4 space-y-3", children: [_jsx("div", { className: "text-lg font-semibold", children: brand }), tagline && _jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: tagline })] }), columns.map((col, i) => (_jsxs("div", { className: "md:col-span-2 space-y-3", children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: col.title }), _jsx("ul", { className: "space-y-2", children: col.links.map((link, j) => (_jsx("li", { children: _jsx("a", { href: link.href, className: "text-sm text-muted-foreground hover:text-foreground", children: link.label }) }, `${j}-${link.href}`))) })] }, i)))] }), bottomSlot && (_jsx("div", { className: "border-t border-border", children: _jsx("div", { className: "mx-auto flex w-full max-w-6xl items-center justify-between px-6 py-4 text-xs text-muted-foreground", children: bottomSlot }) }))] }));
}