import { FC, ReactElement } from "react";
export interface MediaOnlyProps {
    /**
     * The children to display.
     */
    children: ReactElement | null;
    /**
     * An optional fallback element to show when the media queries do not match.
     */
    fallback?: ReactElement | null;
}
/**
 * A simple component that will render the children only when the app is
 * considered in mobile mode via the `AppSizeContext`. A mobile view will be
 * true for both phones and tablets.
 */
export declare const MobileOnly: FC<MediaOnlyProps>;
/**
 * A simple component that will render the children only when the app is
 * considered in phone mode via the `AppSizeContext`.
 */
export declare const PhoneOnly: FC<MediaOnlyProps>;
/**
 * A simple component that will render the children only when the app is
 * considered in tablet mode via the `AppSizeContext`.
 */
export declare const TabletOnly: FC<MediaOnlyProps>;
/**
 * A simple component that will render the children only when the app is
 * considered in desktop mode via the `AppSizeContext`.
 */
export declare const DesktopOnly: FC<MediaOnlyProps>;