import type { 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 function MobileOnly({ children, fallback, }: MediaOnlyProps): ReactElement | null;
/**
 * A simple component that will render the children only when the app is
 * considered in phone mode via the `AppSizeContext`.
 */
export declare function PhoneOnly({ children, fallback, }: MediaOnlyProps): ReactElement | null;
/**
 * A simple component that will render the children only when the app is
 * considered in tablet mode via the `AppSizeContext`.
 */
export declare function TabletOnly({ children, fallback, }: MediaOnlyProps): ReactElement | null;
/**
 * A simple component that will render the children only when the app is
 * considered in desktop mode via the `AppSizeContext`.
 */
export declare function DesktopOnly({ children, fallback, }: MediaOnlyProps): ReactElement | null;