22 lines
736 B
TypeScript
22 lines
736 B
TypeScript
import type { LucideIcon } from "lucide-react";
|
|
|
|
interface AdminPageHeaderProps {
|
|
icon: LucideIcon;
|
|
title: string;
|
|
subtitle: string;
|
|
}
|
|
|
|
export function AdminPageHeader({ icon: Icon, title, subtitle }: AdminPageHeaderProps) {
|
|
return (
|
|
<div className="flex items-center gap-3 mb-6">
|
|
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
|
|
<Icon size={20} className="text-[var(--admin-accent)]" />
|
|
</div>
|
|
<div>
|
|
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">{title}</h1>
|
|
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">{subtitle}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|