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

export default function ProjectsPage() {
  return (
    <div className="flex flex-col gap-6 p-6">
      {/* Header */}
      <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>

      {/* Data Table */}
      <ProjectsTable />
    </div>
  );
}