/**
 * On the web, art direction refers to changing the image rendered at different
 * display sizes. The `ArtDirection `component allows you to provide multiple images
 * achieve this goal.
 *
 * You can place up to three images inside of the ArtDirection component. The first
 * will be used for mobile, the second for tablet, and the third for desktop. If only
 * two images are provided, the second image will be used for both tablet and desktop.
 */
export function ArtDirection({ children }: {
    children: any;
}): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
export namespace ArtDirection {
    namespace propTypes {
        let children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[]>>>;
    }
}
import React from 'react';
import PropTypes from 'prop-types';