import { ImageProps } from '../image/Image';
import { MediaQuery } from '../../tokens/media-queries/MediaQueries';
import { HTMLAttributes, SourceHTMLAttributes } from 'react';
export interface PictureSource extends SourceHTMLAttributes<HTMLSourceElement> {
    /** If provided, specifies the condition that the user agent will evaluate for each <source> element */
    media?: MediaQuery;
}
export interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
    /** Fallback in case none of the offered <source> elements are able to provide a usable image */
    feImage: ImageProps;
    /** Array of multiple image resources. **Notice!** Make sure to specify them in order from larger to smaller */
    feSources: PictureSource[];
}
/**
 * The native html `<picture>` element contains zero or more `<source>` elements and one `<img>` element to offer alternative versions of an image for different display/device scenarios.<br>
 * The `<Picture>` component makes this easy to set up without having to think about the elements.<br>
 * It extends the interface of native html `<picture>` element.
 *
 * See [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture) for further information about the element and related attributes.
 */
declare const Picture: import("react").ForwardRefExoticComponent<PictureProps & import("react").RefAttributes<HTMLPictureElement>>;
export default Picture;