import * as React from 'react';
import { Breakpoint } from '@mui/system';
export interface HiddenProps {
    /**
     * The content of the component.
     */
    children?: React.ReactNode;
    /**
     * Specify which implementation to use.  'js' is the default, 'css' works better for
     * server-side rendering.
     * @default 'js'
     */
    implementation?: 'js' | 'css';
    /**
     * You can use this prop when choosing the `js` implementation with server-side rendering.
     *
     * As `window.innerWidth` is unavailable on the server,
     * we default to rendering an empty component during the first mount.
     * You might want to use a heuristic to approximate
     * the screen width of the client browser screen width.
     *
     * For instance, you could be using the user-agent or the client-hints.
     * https://caniuse.com/#search=client%20hint
     */
    initialWidth?: Breakpoint;
    /**
     * If `true`, component is hidden on screens below (but not including) this size.
     * @default false
     */
    lgDown?: boolean;
    /**
     * If `true`, component is hidden on screens this size and above.
     * @default false
     */
    lgUp?: boolean;
    /**
     * If `true`, component is hidden on screens below (but not including) this size.
     * @default false
     */
    mdDown?: boolean;
    /**
     * If `true`, component is hidden on screens this size and above.
     * @default false
     */
    mdUp?: boolean;
    /**
     * Hide the given breakpoint(s).
     */
    only?: Breakpoint | Breakpoint[];
    /**
     * If `true`, component is hidden on screens below (but not including) this size.
     * @default false
     */
    smDown?: boolean;
    /**
     * If `true`, component is hidden on screens this size and above.
     * @default false
     */
    smUp?: boolean;
    /**
     * If `true`, component is hidden on screens below (but not including) this size.
     * @default false
     */
    xlDown?: boolean;
    /**
     * If `true`, component is hidden on screens this size and above.
     * @default false
     */
    xlUp?: boolean;
    /**
     * If `true`, component is hidden on screens below (but not including) this size.
     * @default false
     */
    xsDown?: boolean;
    /**
     * If `true`, component is hidden on screens this size and above.
     * @default false
     */
    xsUp?: boolean;
}
/**
 *
 * Demos:
 *
 * - [Hidden](https://v6.mui.com/material-ui/react-hidden/)
 *
 * API:
 *
 * - [PigmentHidden API](https://v6.mui.com/material-ui/api/pigment-hidden/)
 */
declare function PigmentHidden({ implementation, ...props }: HiddenProps & {
    className?: string;
}): React.JSX.Element;
declare namespace PigmentHidden {
    var propTypes: any;
}
export default PigmentHidden;
