import type { LucideIcon as IconType } from "lucide-react"; import type { ReactNode } from "react"; import React from "react"; import { classNames } from "@calcom/lib"; import type { SVGComponent } from "@calcom/types/SVGComponent"; import { Button } from "../../components/button"; export function EmptyScreen({ Icon, avatar, headline, description, buttonText, buttonOnClick, buttonRaw, border = true, dashedBorder = true, className, }: { Icon?: SVGComponent | IconType; avatar?: React.ReactElement; headline: string | React.ReactElement; description: string | React.ReactElement; buttonText?: string; buttonOnClick?: (event: React.MouseEvent) => void; buttonRaw?: ReactNode; // Used incase you want to provide your own button. border?: boolean; dashedBorder?: boolean; } & React.HTMLAttributes) { return ( <>
{!avatar ? null : (
{avatar}
)} {!Icon ? null : (
)}

{headline}

{description}
{buttonOnClick && buttonText && } {buttonRaw}
); }