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