import { type ReactElement, type ReactNode } from "react";
/** @since 6.0.0 */
export interface NoSsrProps {
    children: ReactNode;
}
/**
 * **Client Component**
 *
 * A small wrapper that can be used to render children client side only. The
 * main use-case are for components that rely on browser API to work correctly.
 *
 * @example Simple Example
 * ```tsx
 * import { NoSsr } from "@react-md/core/NoSsr";
 * import { CoreProviders } from "@react-md/core/CoreProviders"
 * import { Typography } from "@react-md/core/typography/Typography"
 * import { type ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return (
 *     <>
 *       <Typography>This is always rendered.</Typography>
 *       <NoSsr>
 *         <Typography>
 *           This is only rendered client-side after rehydrating.
 *         </Typography>
 *       </NoSsr>
 *     </>
 *   );
 * }
 *
 * function App(): ReactElement {
 *   return (
 *     <CoreProviders ssr>
 *       <Example />
 *     </CoreProviders>
 *   );
 * }
 * ```
 *
 * @since 6.0.0
 */
export declare function NoSsr(props: NoSsrProps): ReactElement;