import React from "react"; export declare const BadgeVariants: readonly ["notificationBadge", "integrationBadge", "lights"]; export declare const BadgeSize: readonly ["xs", "sm", "default", "lg"]; export declare enum LightStatus { NO_EVENT = 0, EXPIRED_EVENT = 1, TODAY_EVENT = 2, COMING_EVENT = 3 } export declare enum ChannelTypes { WHATSAPP_SANDBOX = 0, WHATSAPP_BUSINESS = 1, MESSENGER = 2, TELEGRAM = 3, INSTAGRAM = 4, AGENDA = 5 } export interface BadgeProps extends Partial> { /** * Type of badge to display * * @default "notificationBadge" * @see BadgeVariants */ variant: typeof BadgeVariants[number]; /** * Size of badge * * @default "default" * @see BadgeSize */ size: typeof BadgeSize[number]; /** * Number used for notification badges * * Required only for 'notificationBadge' variant * * @see BadgeVariants * @default 0 */ notificationNumber?: number; /** * integration selector used for integrationBadge badges * * Required only for 'integrationBadge' variant * * @see BadgeVariants * @default 0 */ integration?: ChannelTypes; /** * is used to apply this size class instead of the default * * @see BadgeVariants * @default 0 */ sizeClass?: string; /** * status selecto used for LightStatus badge * * @see LightStatus * @default "not-event" */ status?: LightStatus; /** * Check if is hoverables * */ hoverable?: boolean; /** * Optional content instead of the badge default */ content?: JSX.Element; } export declare const Badge: ({ variant, size, notificationNumber, integration, sizeClass, onClick, className, status, hoverable, content, ...props }: BadgeProps) => JSX.Element; declare const _default: React.MemoExoticComponent<({ variant, size, notificationNumber, integration, sizeClass, onClick, className, status, hoverable, content, ...props }: BadgeProps) => JSX.Element>; export default _default;