import { FunctionComponent, CSSProperties } from 'react';

/**
 * Props for the Audio loader component.
 *
 * The Audio loader displays an animated visualization similar to audio equalizer bars,
 * with four vertical bars that animate up and down at different intervals to create
 * a dynamic audio visualization effect.
 *
 * @interface AudioProps
 */
interface AudioProps {
    /** Height of the SVG (number interpreted as px). Defaults to '100'. */
    height?: string | number;
    /** Width of the SVG (number interpreted as px). Defaults to '100'. */
    width?: string | number;
    /** Primary color applied to the audio bars. Defaults to DEFAULT_COLOR. */
    color?: string;
    /** Accessible label announced to screen readers. Defaults to 'audio-loading'. */
    ariaLabel?: string;
    /** Inline style object applied to the wrapper element. */
    wrapperStyle?: CSSProperties;
    /** CSS class applied to the wrapper for custom styling. */
    wrapperClass?: string;
    /** When false, the loader is not rendered. Defaults to true. */
    visible?: boolean;
}
declare const Audio: FunctionComponent<AudioProps>;

export { Audio };