import type { ReactNode } from "react"; import { cn } from "@/shared/lib/cn"; import { MainPanelLayout } from "./MainPanelLayout"; interface ShellProps { children: ReactNode; className?: string; contentClassName?: string; } interface PageHeaderProps { eyebrow?: ReactNode; title: ReactNode; description?: ReactNode; actions?: ReactNode; titleElement?: "h1" | "div"; variant?: "default" | "detail"; actionsPlacement?: "end" | "below"; className?: string; eyebrowClassName?: string; titleClassName?: string; descriptionClassName?: string; actionsClassName?: string; } export function PageShell({ children, className, contentClassName, }: ShellProps) { return (

{children}

); } export function DetailPageShell({ children, className, contentClassName, }: ShellProps) { return (

{children}

); } export function PageHeader({ eyebrow, title, description, actions, titleElement = "h1", variant = "default", actionsPlacement = "end", className, eyebrowClassName, titleClassName, descriptionClassName, actionsClassName, }: PageHeaderProps) { const TitleElement = titleElement; const actionsBelow = actionsPlacement === "below"; const titleVariantClassName = variant === "detail" ? "font-display text-2xl font-normal tracking-tight text-foreground" : "text-xl tracking-tight"; return (

{eyebrow ? (

{eyebrow}

) : null} {title} {description ? (

{description}

) : null} {actions && actionsBelow ? (

{actions}

) : null}

{actions && !actionsBelow ? (

{actions}

) : null}

); } export function FilterRow({ children, className, }: { children: ReactNode; className?: string; }) { return (

{children}

); }