// next import Link from "next/link"; // react import React from "react"; // icons import { ChevronRightIcon } from "@heroicons/react/24/outline"; type EmptySpaceProps = { title: string; description: string; children: any; Icon?: (props: any) => JSX.Element; link?: { text: string; href: string }; }; const EmptySpace: React.FC = ({ title, description, children, Icon, link }) => { return ( <>
{Icon ? (
) : null}

{title}

{description}

{link ? (
{link.text}
) : null}
); }; type EmptySpaceItemProps = { title: string; description?: React.ReactNode | string; bgColor?: string; Icon: ( props: React.SVGProps & { title?: string | undefined; titleId?: string | undefined; } ) => JSX.Element; action: () => void; }; const EmptySpaceItem: React.FC = ({ title, description, bgColor = "blue", Icon, action, }) => { return ( <>
  • {title}
    {description ?

    {description}

    : null}
  • ); }; export { EmptySpace, EmptySpaceItem };