import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { HTMLAttributes } from 'react';
import { Props } from '../@types/Props.js';
import { Breakpoint } from '../../foundations/__generated__/breakpoints.js';

interface HideProps extends HTMLAttributes<HTMLDivElement>, Props {
    /**
     * Hide child content if the viewport is narrower than the specified breakpoint.
     */
    until?: Breakpoint;
    /**
     * Hide child content if the viewport is as wide, or wider than, the specified breakpoint.
     */
    from?: Breakpoint;
    /**
     * **Deprecated**
     *
     * Use `from` instead.
     *
     * @deprecated Use `from` instead.
     */
    above?: Breakpoint;
    /**
     * **Deprecated**
     *
     * Use `until` instead.
     *
     * @deprecated Use `until` instead.
     */
    below?: Breakpoint;
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-hide--hidden-from-tablet-at-mobile) •
 * [Design System](https://theguardian.design/2a1e5182b/p/78cb73-hide) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/hide/Hide.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * Hides child content `until` and/or `from` a given breakpoint.
 */
declare const Hide: ({ children, above, below, from, until, }: HideProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Hide };
export type { HideProps };