Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
708 B · 29 lines
TSX
123456789101112131415161718192021222324252627282930export function EmptyState({ title, className, container = "frosted", children,}: { title?: string; className?: string; container?: "frosted" | "opaque" | "none" | "light"; children?: React.ReactNode;}) { const containerClass = container === "frosted" ? "frosted-container" : container === "opaque" ? "opaque-container" : container === "light" ? "light-container" : "";
return ( <div className={`w-full text-sm flex flex-col gap-1 italic text-tertiary text-center sm:p-4 p-3 ${containerClass} ${className ?? ""}`} > {title && <div className="text-base font-bold">{title}</div>} {children} </div> );}