import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
export interface LoaderProps extends ComposableProps<'div'> {
    /** Progress value 0-100 */
    value?: number;
    /** Size of the logo/icon */
    logoSize?: number;
    /** Show logo/icon */
    showLogo?: boolean;
    /** Custom logo component */
    logo?: React.ReactNode;
    /** Show progress bar */
    showProgressBar?: boolean;
    /** Progress bar height (CSS length or number in px) */
    progressHeight?: string | number;
    /** Progress wrapper class name */
    progressClassName?: string;
    /** Progress bar class name */
    progressBarClassName?: string;
    /** Progress wrapper inline styles */
    progressStyle?: React.CSSProperties;
    /** Progress bar inline styles */
    progressBarStyle?: React.CSSProperties;
}
/**
 * Loader Component
 *
 * A loading indicator component with progress bar and optional logo.
 * Supports `asChild` prop for flexible composition.
 *
 * @public
 *
 * @example
 * ```tsx
 * <Loader value={50} showLogo={true} />
 * ```
 *
 * @remarks
 * - Wraps the HTML `<div>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Uses FT Design System tokens for colors and spacing.
 */
export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Loader.d.ts.map