import { FolderKanban } from "lucide-react";
import { ProjectsTable } from "@/components/projects/projects-table";

export default function ProjectsPage() {
  return (
    <div className="flex min-w-0 flex-col gap-6">
      <header className="header-gradient border-b px-6 py-6">
        <div className="flex flex-col gap-1">
          <div className="flex items-center gap-2">
            <FolderKanban className="h-6 w-6 text-primary" />
            <h1 className="text-2xl font-bold tracking-tight">Proyectos</h1>
          </div>
          <p className="text-muted-foreground">
            Gestiona y visualiza todos tus proyectos en un solo lugar.
          </p>
        </div>
      </header>

      {/* Data Table */}
      <div className="p-6">
        <ProjectsTable />
      </div>
    </div>
  );
}