analytica-frontend-lib/dist/Badge/index.d.ts

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode, HTMLAttributes } from 'react';

/**
 * Badge component props interface
 */
type BadgeProps = {
    /** Content to be displayed inside the badge */
    children?: ReactNode;
    /** Ícone à direita do texto */
    iconRight?: ReactNode;
    /** Ícone à esquerda do texto */
    iconLeft?: ReactNode;
    /** Size of the badge */
    size?: 'small' | 'medium' | 'large';
    /** Visual variant of the badge */
    variant?: 'solid' | 'outlined' | 'exams' | 'resultStatus' | 'notification';
    /** Action type of the badge  */
    action?: 'error' | 'warning' | 'success' | 'info' | 'muted' | 'exam1' | 'exam2' | 'exam3' | 'exam4' | 'positive' | 'negative';
    /** Additional CSS classes to apply */
    className?: string;
    notificationActive?: boolean;
} & HTMLAttributes<HTMLDivElement>;
/**
 * Badge component for Analytica Ensino platforms
 *
 * A flexible button component with multiple variants, sizes and actions.
 * Fully compatible with Next.js 15 and React 19.
 *
 * @param children - The content to display inside the badge
 * @param size - The size variant (extra-small, small, medium, large, extra-large)
 * @param variant - The visual style variant (solid, outline, link)
 * @param action - The action type (primary, positive, negative)
 * @param className - Additional CSS classes
 * @param props - All other standard div HTML attributes
 * @returns A styled badge element
 *
 * @example
 * ```tsx
 * <Badge variant="solid" action="info" size="medium">
 *   Information
 * </Badge>
 * ```
 */
declare const Badge: ({ children, iconLeft, iconRight, size, variant, action, className, notificationActive, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;

export { Badge as default };