EmptyListState.tsx14 lines · main

1	export const EmptyListState = ({ title, description }: { title: string; description: string }) => {
2	return (
3	<div className="flex flex-col items-center justify-center gap-6 text-center">
4	<div className="flex flex-col gap-1">
5	<div className="relative flex h-4 w-32 items-center justify-center rounded-sm border border-dashed px-2" />
6	<div className="relative flex h-4 w-32 items-center justify-center rounded-sm border border-dashed px-2" />
7	</div>
8	<div className="flex flex-col gap-1 px-5">
9	<h3 className="text-foreground text-sm">{title}</h3>
10	<p className="text-foreground-lighter text-sm">{description}</p>
11	</div>
12	</div>
13	)
14	}