import { BoxProps, Factory, StylesApiProps, type MantineColor, type MantineGradient, type MantineRadius, type MantineSize, type MantineSpacing } from '@mantine/core'; import type { LedAnimationType, LedShape, LedVariant } from '../Led'; export type LedGroupStylesNames = 'root'; export type LedGroupCssVariables = { root: '--led-group-gap' | '--led-group-direction'; }; export interface LedGroupProps extends BoxProps, StylesApiProps { /** Number of active LEDs (from start) or boolean array for individual control */ value?: number | boolean[]; /** Total number of LEDs (used when value is a number, defaults to 5) */ count?: number; /** Gap between LEDs */ gap?: MantineSpacing; /** Direction of LED layout */ direction?: 'row' | 'column'; /** LED color from theme */ color?: MantineColor; /** Color scale array — maps colors progressively across LEDs (overrides color) */ colorScale?: 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; /** Enable animation on active LEDs */ animate?: boolean; /** Animation type */ animationType?: LedAnimationType; /** Animation duration in seconds */ animationDuration?: number; /** Number of animation iterations */ animationCount?: number; /** Base animation delay in seconds — each LED gets delay * index for cascade effect */ animationDelay?: number; /** LED shape */ shape?: LedShape; /** Gradient for multicolor LED */ gradient?: MantineGradient; } export type LedGroupFactory = Factory<{ props: LedGroupProps; ref: HTMLDivElement; stylesNames: LedGroupStylesNames; vars: LedGroupCssVariables; }>; export declare const LedGroup: import("@mantine/core").MantineComponent<{ props: LedGroupProps; ref: HTMLDivElement; stylesNames: LedGroupStylesNames; vars: LedGroupCssVariables; }>;