26 lines
764 B
TypeScript
26 lines
764 B
TypeScript
import type { PublicHeaderBanner as PublicHeaderBannerData } from "@cms/db"
|
|
import Link from "next/link"
|
|
|
|
type PublicHeaderBannerProps = {
|
|
banner: PublicHeaderBannerData | null
|
|
}
|
|
|
|
export function PublicHeaderBanner({ banner }: PublicHeaderBannerProps) {
|
|
if (!banner) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<div className="border-b border-amber-200 bg-amber-50">
|
|
<div className="mx-auto flex w-full max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-2 text-sm text-amber-900">
|
|
<p>{banner.message}</p>
|
|
{banner.ctaLabel && banner.ctaHref ? (
|
|
<Link href={banner.ctaHref} className="font-medium underline underline-offset-2">
|
|
{banner.ctaLabel}
|
|
</Link>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|