import { useSafeAreaInsets } from "react-native-safe-area-context";

import { spacing } from "@/constants/theme";

/** Matches `TopChrome` row height. */
export const TOP_CHROME_ROW_HEIGHT = 40;

/** Bottom inset below the chrome row (`TopChromeBar` `paddingBottom`). */
export const TOP_CHROME_PADDING_BOTTOM = spacing.xs;

/** Total height of the blurred status-bar chrome (safe area + content row). */
export function useTopChromeHeight(): number {
  const { top } = useSafeAreaInsets();
  return top + TOP_CHROME_ROW_HEIGHT + TOP_CHROME_PADDING_BOTTOM;
}