ui ProjectEmptyState.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
4x
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { type HTMLMotionProps, motion } from 'framer-motion';
 
export const ProjectEmptyState = (props: HTMLMotionProps<'div'>) => (
	<motion.div
		initial={{ opacity: 0, y: 10 }}
		animate={{ opacity: 1, y: 0 }}
		className="flex flex-col items-center justify-center h-[60vh] text-center text-gray-500"
		{...props}
	>
		<div className="bg-gray-100 p-8 rounded-xl shadow-inner max-w-sm">
			<p className="text-lg font-medium mb-3">No projects yet</p>
			<p className="text-sm mb-6">
				Start by creating your first project to begin editing.
			</p>
		</div>
	</motion.div>
);