import { type CSSProperties, type ImgHTMLAttributes } from 'react';
import { type CssLength } from '../../../utils/css';
export type MarqueeAlertVariant = 'warning' | 'error';
export type MarqueeAlertImage = string | {
    src: string;
    alt?: string;
    srcSet?: string;
    sizes?: string;
    objectPosition?: string;
    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
    fetchPriority?: ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
};
export type MarqueeAlertPageProps = {
    messages?: readonly string[];
    variant?: MarqueeAlertVariant;
    backgroundImage?: MarqueeAlertImage | null;
    className?: string;
    contentClassName?: string;
    style?: CSSProperties;
    minHeight?: CssLength;
    repeatCount?: number;
    baseDuration?: string;
    accentColor?: string;
    inkColor?: string;
    backgroundColor?: string;
    ariaLabel?: string;
    showPauseControl?: boolean;
    pauseLabel?: string;
    resumeLabel?: string;
    paused?: boolean;
    defaultPaused?: boolean;
    onPausedChange?: (paused: boolean) => void;
};
export declare const MarqueeAlertPage: ({ messages, variant, backgroundImage, className, contentClassName, style, minHeight, repeatCount, baseDuration, accentColor, inkColor, backgroundColor, ariaLabel, showPauseControl, pauseLabel, resumeLabel, paused, defaultPaused, onPausedChange, }: MarqueeAlertPageProps) => import("react/jsx-runtime").JSX.Element;