import { PageHeader } from "@/components/ui/expanded/PageHeader"

export function PageHeaderDemo() {
  return (
    <PageHeader
      actions={[{ label: "Export" }, { label: "Share" }]}
      breadcrumbLabel="Breadcrumb"
      breadcrumbs={[
        { label: "Home" },
        { label: "Design system" },
        { label: "Components", current: true },
      ]}
      description="Section description"
      metaInfo="Meta info"
      tabs={{ ariaLabel: "Page sections", items: ["Overview", "Details", "Settings"] }}
      title="Section Title"
    />
  )
}
