import { BoxProps, Factory, StylesApiProps, type MantineColor, type MantineSize, type MantineSpacing } from '@mantine/core';
export type LedSevenSegmentStylesNames = 'root' | 'digit' | 'segment' | 'colon' | 'dot';
export type LedSevenSegmentCssVariables = {
    root: '--seven-seg-size' | '--seven-seg-color' | '--seven-seg-off-color' | '--seven-seg-gap' | '--seven-seg-intensity';
};
export interface LedSevenSegmentProps extends BoxProps, StylesApiProps<LedSevenSegmentFactory> {
    /** Value to display (number or string of digits, colons, dots, dashes) */
    value?: number | string;
    /** LED color from theme */
    color?: MantineColor;
    /** Color for off segments */
    offColor?: MantineColor;
    /** Display size */
    size?: MantineSize | (string & {}) | number;
    /** Gap between digits */
    gap?: MantineSpacing;
    /** Intensity of on segments (0-100) */
    intensity?: number;
    /** Pad with leading zeros to this digit count */
    padStart?: number;
}
export type LedSevenSegmentFactory = Factory<{
    props: LedSevenSegmentProps;
    ref: HTMLDivElement;
    stylesNames: LedSevenSegmentStylesNames;
    vars: LedSevenSegmentCssVariables;
}>;
export declare const LedSevenSegment: import("@mantine/core").MantineComponent<{
    props: LedSevenSegmentProps;
    ref: HTMLDivElement;
    stylesNames: LedSevenSegmentStylesNames;
    vars: LedSevenSegmentCssVariables;
}>;