"use client";

import { TopicIllustration } from "@ramses1er/cbk-toolkit/client";
import { Table2, LayoutDashboard, Shield } from "lucide-react";

export default function HomePage() {
  return (
    <div className="flex flex-wrap gap-4">
      <TopicIllustration
        icon={LayoutDashboard}
        title="SideNav"
        description="Barre latérale responsive"
        href="/docs/client/sidenav"
      />
      <TopicIllustration
        icon={Table2}
        title="Table"
        description="Tableau typé avec pagination"
        href="/docs/client/table"
      />
      <TopicIllustration
        icon={Shield}
        title="Auth"
        description="Protection des routes"
        href="/docs/protection-routes"
      />
    </div>
  );
}