File size: 698 Bytes
703a33a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | import type { PropsWithChildren, ReactNode } from "react";
interface SectionProps extends PropsWithChildren {
id: string;
kicker: string;
title: string;
description: string;
aside?: ReactNode;
}
export function Section({ id, kicker, title, description, aside, children }: SectionProps) {
return (
<section id={id} className="section shell-block">
<div className="section-header">
<div>
<p className="section-kicker">{kicker}</p>
<h2>{title}</h2>
<p className="section-description">{description}</p>
</div>
{aside ? <div className="section-aside">{aside}</div> : null}
</div>
{children}
</section>
);
}
|