import { PropsWithChildren, ReactElement } from 'react';
export type SafeAreaProps = PropsWithChildren<{
    asChild?: boolean;
}>;
/**
 * Renders children with safe area padding when running inside a Mini App.
 *
 * - Reads inset values from `MiniKit` `context.client.safeAreaInsets` and exposes them as
 *   CSS custom properties on `:root`/`html`:
 *   `--ock-minikit-safe-area-inset-top|right|bottom|left`.
 * - Uses those variables directly as pixel values via `var(..., 0px)`.
 * - When `asChild` is true, expects a single React element and merges the padding into the
 *   child's `style`. Otherwise, wraps `children` in a `div` that has the padding applied.
 * - If no `children` are provided, the component renders nothing but still ensures the
 *   CSS variables are set on `:root`.
 * - When not inside a Mini App, returns `children` unchanged and does not set variables.
 *
 * @param props
 * @param props.children React children to render.
 * @param props.asChild When true, merges safe-area padding into the single child's `style` instead of wrapping.
 */
export declare function SafeArea({ children, asChild }: SafeAreaProps): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
//# sourceMappingURL=SafeArea.d.ts.map