"use client"; import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" function Empty({ className, ...props }: React.ComponentProps<"div">) { return (

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

) } const emptyMediaVariants = cva( "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", { variants: { variant: { default: "bg-transparent", icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4", }, }, defaultVariants: { variant: "default", }, } ) function EmptyMedia({ className, variant = "default", ...props }: React.ComponentProps<"div"> & VariantProps) { return (

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

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

a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className )} {...props} /> ) } function EmptyContent({ className, ...props }: React.ComponentProps<"div">) { return (

) } import { Avatar, AvatarGroup, AvatarImage } from "@/components/ui/avatar" import { Button } from "@/components/ui/button" import { Card, CardContent } from "@/components/ui/card" const InviteMemberCard = () => { return (

No Team Members Invite your team to collaborate on this project.

) } export default InviteMemberCard