export interface IBadgeProps {
    children: string | React.ReactNode;
    size: "xs" | "sm" | "md" | "lg";
    type: "pill-color" | "outline" | "badge-color" | "badge-modern";
    icon: false | null | "dot" | "x-close" | "avatar" | "trailing" | "leading" | "icon-only";
    color: "grey" | "brand" | "error" | "warning" | "success" | "blue_light" | "blue" | "indigo" | "purple" | "pink" | "orange" | "blue_grey" | "grey_blue";
    className?: string;
    style?: React.CSSProperties;
    ref?: React.RefObject<HTMLDivElement>;
    iconComponent?: React.ReactNode;
    iconClass?: string;
    iconPosition?: "left" | "right";
    onClick?: (event: any) => void;
}