23 lines
597 B
TypeScript

import HorizontalLine from "components/HorizontalLine";
type PanelHeaderProps = {
icon?: string;
title: string;
description?: string;
};
export default function PanelHeader(props: PanelHeaderProps): JSX.Element {
return (
<>
<div className="w-full grid place-items-center">
{props.icon && (
<span className="material-icons !text-4xl mb-3">{props.icon}</span>
)}
<h2 className="text-2xl">{props.title}</h2>
{props.description ? <p>{props.description}</p> : ""}
</div>
<HorizontalLine />
</>
);
}