analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
25 lines • 1.06 kB
TypeScript
import { HTMLAttributes } from 'react';
export interface LevelBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
/** Reached level, 1-based. Values outside `0..4` are clamped. */
value: number;
/** Tailwind background class for the reached segments. */
colorClass?: string;
/** Tailwind background class for the remaining segments. */
trackColorClass?: string;
}
/**
* Four-segment level meter: the first `value` segments are filled, the rest
* stay muted. Used by the reading-fluency results for prosody.
*
* The colour is supplied by the consumer because it encodes the reading
* profile: `bg-indicator-positive` → pré-leitor, `bg-warning-400` → leitor
* iniciante, `bg-success-400` → leitor fluente.
*
* @example
* ```tsx
* <LevelBar value={2} colorClass="bg-warning-400" />
* ```
*/
export declare const LevelBar: ({ value, colorClass, trackColorClass, className, ...props }: LevelBarProps) => import("react/jsx-runtime").JSX.Element;
export default LevelBar;
//# sourceMappingURL=LevelBar.d.ts.map