arsam
33a6742411
Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
29 lines
823 B
TypeScript
29 lines
823 B
TypeScript
"use client";
|
|
|
|
import { motion } from "framer-motion";
|
|
import { Code2 } from "lucide-react";
|
|
|
|
interface EmptyStateProps {
|
|
title?: string;
|
|
description?: string;
|
|
}
|
|
|
|
export function EmptyState({
|
|
title = "No snippets yet",
|
|
description = "Create your first snippet to get started.",
|
|
}: EmptyStateProps) {
|
|
return (
|
|
<motion.div
|
|
initial={false}
|
|
animate={{ opacity: 1, scale: 1 }}
|
|
className="flex flex-col items-center justify-center py-20 text-center"
|
|
>
|
|
<div className="mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 animate-float">
|
|
<Code2 className="h-8 w-8 text-primary" />
|
|
</div>
|
|
<h3 className="text-lg font-semibold mb-1">{title}</h3>
|
|
<p className="text-sm text-muted-foreground max-w-xs">{description}</p>
|
|
</motion.div>
|
|
);
|
|
}
|