Empty state

import { useState } from "react";
import { Card } from "@gpuixui/components";
import { EmptyState } from "@gpuixui/components/empty-state";
import { Button } from "@gpuixui/primitives";

export const ProjectsPanel = () => {
  const [creating, setCreating] = useState(false);

  if (creating) return <text>Create a project…</text>;

  return (
    <Card>
      <EmptyState
        title="No projects yet"
        description="A project holds your files, runs and settings."
        action={
          <Button variant="primary" onClick={() => setCreating(true)}>
            New project
          </Button>
        }
      />
    </Card>
  );
};

EmptyState
├── icon
├── title
├── description
└── action