EmptyState

"use client";

import { EmptyState } from "@dashboardpack/core/components/shared/empty-state";
import { Button } from "@dashboardpack/core/components/ui/button";
import { FolderPlus } from "lucide-react";
import { useState } from "react";

export default function EmptyStateExample() {
  const [created, setCreated] = useState(false);
  return (
    <div className="w-full">
      <EmptyState
        icon={<FolderPlus />}
        title={created ? "Your first project is ready" : "No projects yet"}
        description={
          created
            ? "You can now invite teammates and add tasks."
            : "Create your first project to start organizing your work."
        }
        action={
          <Button
            variant={created ? "outline" : "default"}
            onClick={() => setCreated(!created)}
          >
            {created ? "Reset example" : "Create project"}
          </Button>
        }
      />
    </div>
  );
}