26 lines
749 B
TypeScript
26 lines
749 B
TypeScript
import Breadcrumbs from "$/uwil/Breadcrumbs";
|
|
import { cn } from "@/lib/utils";
|
|
import { TextProps } from "@/types/front";
|
|
import Section from "$/uwil/Section";
|
|
import { bgColors } from "@/front/lib/constants";
|
|
|
|
type PageHeaderProps = {
|
|
title: TextProps;
|
|
description: TextProps;
|
|
};
|
|
export default function PageHeader(props: PageHeaderProps) {
|
|
const { title, description } = props;
|
|
return (
|
|
<Section
|
|
variant={bgColors.PRIMARY}
|
|
className="text-start"
|
|
containerClassName="space-y-0 md:px-4"
|
|
>
|
|
<Breadcrumbs />
|
|
<h1 className={cn("uppercase text-4xl font-bold mt-4", title.font)}>
|
|
{title.text}
|
|
</h1>
|
|
<p className={cn("mt-4", description.font)}>{description.text}</p>
|
|
</Section>
|
|
);
|
|
}
|