All files / src/components/projects ProjectEmptyState.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
 
 
 
 
 
 
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Plus, Image as ImageIcon } from "lucide-react";
import { Card, CardContent } from "../ui/card";
import { Button } from "../ui/button";
 
interface ProjectEmptyStateProps {
	onCreateProject: () => void;
}
 
export function ProjectEmptyState({ onCreateProject }: ProjectEmptyStateProps) {
	return (
		<Card>
			<CardContent className="py-12 text-center">
				<ImageIcon className="mx-auto h-12 w-12 text-foreground-subtle" />
				<h3 className="mt-4 text-lg font-medium text-foreground-default">
					No projects yet
				</h3>
				<p className="mt-2 text-foreground-muted">
					Create your first project to showcase your work.
				</p>
				<Button onClick={onCreateProject} className="mt-4">
					<Plus className="h-4 w-4 mr-2" />
					Create Project
				</Button>
			</CardContent>
		</Card>
	);
}