import { cva, type VariantProps } from "class-variance-authority"; import type React from "react"; import { cn } from "@/registry/default/lib/utils"; const emptyMediaVariants = cva( "flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", { defaultVariants: { variant: "default", }, variants: { variant: { default: "bg-transparent", icon: "relative flex size-9 shrink-0 items-center justify-center rounded-md border bg-card not-dark:bg-clip-padding text-foreground shadow-sm/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg:not([class*='size-'])]:size-4.5", }, }, }, ); export function Empty({ className, ...props }: React.ComponentProps<"div">): React.ReactElement { return (

); } export function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): React.ReactElement { return (

); } export function EmptyMedia({ className, variant = "default", ...props }: React.ComponentProps<"div"> & VariantProps): React.ReactElement { return (

{variant === "icon" && ( <>

)}

); } export function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): React.ReactElement { return (

); } export function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): React.ReactElement { return (

a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [[data-slot=empty-title]+&]:mt-1", className, )} data-slot="empty-description" {...props} /> ); } export function EmptyContent({ className, ...props }: React.ComponentProps<"div">): React.ReactElement { return (

); }

Empty

Instalação