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

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

import { ReactNode } from 'react';
export type ScoreCircleVariant = 'green' | 'blue' | 'warning';
export interface ScoreCircleProps {
    /** Valor atual do score */
    value: number;
    /** Valor máximo (default: 1000) */
    max?: number;
    /** Variante de cor do anel. Default: 'green' */
    variant?: ScoreCircleVariant;
    /** Tamanho total do círculo em pixels. Default: 180 */
    size?: number;
    /** Largura do traço do anel. Default: 10 */
    strokeWidth?: number;
    /** Label exibido acima do valor (ex: "Nota final") */
    label?: string;
    /** Ícone exibido à esquerda do label */
    labelIcon?: ReactNode;
    /** Classes adicionais pro container */
    className?: string;
}
/**
 * Círculo com anel de progresso exibindo um score e seu valor máximo.
 *
 * Diferente de `ProgressCircle` (que mostra "%" no centro), o `ScoreCircle`
 * mostra o valor absoluto (ex: "800") com "de {max}" abaixo — ideal pra notas
 * e scores onde o usuário precisa ver o número real.
 *
 * @example
 * ```tsx
 * <ScoreCircle
 *   value={800}
 *   max={1000}
 *   label="Nota final"
 *   labelIcon={<LightbulbIcon size={14} />}
 * />
 * ```
 */
declare const ScoreCircle: ({ value, max, variant, size, strokeWidth, label, labelIcon, className, }: ScoreCircleProps) => import("react/jsx-runtime").JSX.Element;
export default ScoreCircle;
//# sourceMappingURL=ScoreCircle.d.ts.map