import React from 'react';
import type { FlexComponentProps } from 'reflexy/styled';
import { type HideableProps } from '../TransitionFlex';
export interface PictureSources {
    /** Fallback or default src. */
    readonly src: string;
    readonly srcset?: {
        readonly src: string;
        readonly type?: string | undefined;
        readonly media?: string | undefined;
    }[] | undefined;
}
export interface PictureProps extends FlexComponentProps, Pick<HideableProps, 'hidden' | 'appear' | 'disposable' | 'onShown' | 'onHidden' | 'transitionDuration' | 'transitionProps'>, Pick<React.ImgHTMLAttributes<unknown>, 'crossOrigin' | 'decoding' | 'fetchPriority' | 'loading' | 'referrerPolicy'>, Pick<React.RefAttributes<HTMLElement>, 'ref'> {
    readonly imgRef?: React.Ref<HTMLImageElement>;
    readonly src: string | PictureSources;
    readonly timeout?: number | undefined;
    readonly objectFit?: React.CSSProperties['objectFit'];
    /** `error` is instance of `@js-toolkit/utils/TimeoutError` if timeout exceeded. */
    readonly onLoadCompleted?: ((src: string, error?: unknown) => void) | undefined;
    readonly onUnmount?: VoidFunction | undefined;
}
declare const _default: import("@emotion/styled").StyledComponent<PictureProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
export default _default;