import { SafeAreaInset } from "../../utils/getSafeAreaInset/getSafeAreaInset.mjs";
//#region src/hooks/useSafeAreaInset/useSafeAreaInset.d.ts
/**
 * @description
 * `useSafeAreaInset` is a React hook that tracks safe area inset changes.
 * It returns the safe area insets that automatically update when the screen
 * orientation changes (e.g., portrait to landscape).
 *
 * Safe area insets account for device-specific UI elements:
 * - **top**: Notch, Dynamic Island, or status bar
 * - **bottom**: Home indicator on Face ID devices
 * - **left/right**: Rounded corners in landscape mode
 *
 * @returns {SafeAreaInset} An object containing safe area insets for all four sides.
 * - top `number` - Top safe area inset in pixels. Accounts for the notch, Dynamic Island, or status bar;
 * - bottom `number` - Bottom safe area inset in pixels. Accounts for the home indicator on Face ID devices;
 * - left `number` - Left safe area inset in pixels. Accounts for rounded corners in landscape mode;
 * - right `number` - Right safe area inset in pixels. Accounts for rounded corners in landscape mode;
 *
 * @example
 * function MyComponent() {
 *   const safeArea = useSafeAreaInset();
 *
 *   return (
 *     <div style={{
 *       paddingTop: safeArea.top,
 *       paddingBottom: safeArea.bottom,
 *       paddingLeft: safeArea.left,
 *       paddingRight: safeArea.right,
 *     }}>
 *       Content that respects safe areas
 *     </div>
 *   );
 * }
 *
 * @example
 * // Automatically updates when screen rotates
 * function RotationAwareHeader() {
 *   const { top, left, right } = useSafeAreaInset();
 *
 *   return (
 *     <header style={{
 *       paddingTop: top,
 *       paddingLeft: left,
 *       paddingRight: right,
 *     }}>
 *       Header content
 *     </header>
 *   );
 * }
 */
declare function useSafeAreaInset(): SafeAreaInset;
//#endregion
export { useSafeAreaInset };
//# sourceMappingURL=useSafeAreaInset.d.mts.map