PageHeader

"use client";

import { PageHeader } from "@dashboardpack/core/components/shared/page-header";
import { Button } from "@dashboardpack/core/components/ui/button";
import { useState } from "react";

export default function PageHeaderExample() {
  const [count, setCount] = useState(0);
  return (
    <div className="w-full space-y-3">
      <PageHeader
        title="Projects"
        description="Manage your team’s active work."
        breadcrumbs={[
          { label: "Workspace", href: "/docs/components" },
          { label: "Projects" },
        ]}
      >
        <Button onClick={() => setCount(count + 1)}>New project</Button>
      </PageHeader>
      <p className="text-xs text-muted-foreground" role="status">
        {count} projects created in this preview.
      </p>
    </div>
  );
}