import { BoxProps, Factory, StylesApiProps, type MantineColor, type MantineRadius, type MantineSize, type MantineSpacing, type StyleProp } from '@mantine/core';
import type { LedAnimationType, LedShape, LedVariant } from '../Led';
export type LedMatrixStylesNames = 'root';
export type LedMatrixCssVariables = {
    root: '--led-matrix-cols' | '--led-matrix-gap';
};
export interface LedMatrixProps extends BoxProps, StylesApiProps<LedMatrixFactory> {
    /** 2D boolean array controlling each LED state */
    value?: boolean[][];
    /** Number of rows (used when value is not provided) */
    rows?: number;
    /** Number of columns (used when value is not provided), supports responsive values */
    cols?: StyleProp<number>;
    /** Gap between LEDs, supports responsive values */
    gap?: StyleProp<MantineSpacing>;
    /** LED color from theme */
    color?: MantineColor;
    /** Color when LED is off */
    offColor?: MantineColor;
    /** LED size */
    size?: MantineSize | (string & {}) | number;
    /** Border radius */
    radius?: MantineRadius | (string & {}) | number;
    /** LED variant */
    variant?: LedVariant;
    /** Light intensity (0-100) */
    intensity?: number;
    /** LED shape */
    shape?: LedShape;
    /** Enable animation on active LEDs */
    animate?: boolean;
    /** Animation type */
    animationType?: LedAnimationType;
    /** Animation duration in seconds */
    animationDuration?: number;
    /** Number of animation iterations */
    animationCount?: number;
}
export type LedMatrixFactory = Factory<{
    props: LedMatrixProps;
    ref: HTMLDivElement;
    stylesNames: LedMatrixStylesNames;
    vars: LedMatrixCssVariables;
}>;
export declare const LedMatrix: import("@mantine/core").MantineComponent<{
    props: LedMatrixProps;
    ref: HTMLDivElement;
    stylesNames: LedMatrixStylesNames;
    vars: LedMatrixCssVariables;
}>;