mary.my.id
handy online tools for AT Protocol
boat.kelinci.net
atproto
bluesky
atcute
typescript
solidjs
1import type { JSX } from 'solid-js';
2
3interface PageHeaderProps {
4 title: string;
5 subtitle?: string;
6 children?: JSX.Element;
7}
8
9const PageHeader = (props: PageHeaderProps) => {
10 return (
11 <>
12 <div class="p-4">
13 <h1 class="text-lg font-bold text-purple-800">{props.title}</h1>
14 {props.subtitle && <p class="text-gray-600">{props.subtitle}</p>}
15 {props.children}
16 </div>
17 <hr class="mx-4 border-gray-300" />
18 </>
19 );
20};
21
22export default PageHeader;