@spaced-out/ui-design-system
Version:
Sense UI components library
35 lines • 1.26 kB
TypeScript
import type { Flow } from 'flow-to-typescript-codemod';
export declare const SCROLLING_LOADER_SIZE: Readonly<{
medium: "medium";
large: "large";
fluid: "fluid";
}>;
export type ScrollingLoaderSize = (typeof SCROLLING_LOADER_SIZE)[keyof typeof SCROLLING_LOADER_SIZE];
type ClassNames = Readonly<{
wrapper?: string;
skeletonContainer?: string;
textContainer?: string;
}>;
export interface IconItem {
name: string;
type?: 'regular' | 'solid' | 'duotone' | 'brands';
}
export interface ScrollingLoaderProps {
/** List of icons to display in skeleton rows */
iconList: IconItem[];
/** List of text messages to cycle through */
textList: string[];
/** Size variant of the loader */
size?: ScrollingLoaderSize;
/** Custom class names for styling */
classNames?: ClassNames;
/** Test ID for the component */
testId?: string;
/** Animation duration in ms for each text item (default: 2500) */
textAnimationDuration?: number;
/** Whether to loop through texts or stop at the last one (default: false) */
loopTexts?: boolean;
}
export declare const ScrollingLoader: Flow.AbstractComponent<ScrollingLoaderProps, HTMLDivElement>;
export {};
//# sourceMappingURL=ScrollingLoader.d.ts.map