import type { ReactNode } from "react";
import { ChevronLeft, ChevronRight } from "lucide-react";
import { useI18n } from "@/i18n";
export function PageHeader({
title,
subtitle,
actions,
breadcrumbs,
}: {
title: ReactNode;
subtitle?: ReactNode;
actions?: ReactNode;
breadcrumbs?: ReactNode;
}) {
return (
{breadcrumbs}
{title}
{subtitle ?
{subtitle}
: null}
{actions ?
{actions}
: null}
);
}
export function Breadcrumbs({ items }: { items: { label: string; href?: string }[] }) {
const { dir } = useI18n();
const Arrow = dir === "rtl" ? ChevronLeft : ChevronRight;
return (
);
}