packages/ui/src/components/PageHeader.tsx at main

mokkenstorm.dev / cv-manager

fork atom

because I got bored of customising my CV for every job

fork atom

cv-manager / packages / ui / src / components / PageHeader.tsx

at main 26 lines 612 B view raw

wrap content

mokkenstorm.dev feat(ui): extract UI components to shared package 5mo ago

6c8bcbe4

 1import type { ReactNode } from "react";
 2import { cn } from "../lib/cn";
 3
 4interface PageHeaderProps {
 5  title: string;
 6  description?: string;
 7  action?: ReactNode;
 8  className?: string;
 9}
10
11export const PageHeader = ({
12  title,
13  description,
14  action,
15  className,
16}: PageHeaderProps) => {
17  return (
18    <div className={cn("flex items-center justify-between mb-6", className)}>
19      <div>
20        <h1 className="text-2xl font-bold text-ctp-text">{title}</h1>
21        {description && <p className="text-ctp-subtext0 mt-1">{description}</p>}
22      </div>
23      {action && <div>{action}</div>}
24    </div>
25  );
26};