@tamagui/react-native-web-lite/dist/esm/SafeAreaView/index.mjs

React Native for Web

import * as React from "react";
import { StyleSheet, canUseDOM } from "@tamagui/react-native-web-internals";
import { View } from "../View/index.mjs";
import { jsx } from "react/jsx-runtime";
const cssFunction = (() => {
  if (canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)")) {
    return "constant";
  }
  return "env";
})();
const SafeAreaView = React.forwardRef((props, ref) => {
  const {
    style,
    ...rest
  } = props;
  return /* @__PURE__ */jsx(View, {
    ...rest,
    ref,
    style: StyleSheet.compose(styles.root, style)
  });
});
SafeAreaView.displayName = "SafeAreaView";
const styles = StyleSheet.create({
  root: {
    paddingTop: `${cssFunction}(safe-area-inset-top)`,
    paddingRight: `${cssFunction}(safe-area-inset-right)`,
    paddingBottom: `${cssFunction}(safe-area-inset-bottom)`,
    paddingLeft: `${cssFunction}(safe-area-inset-left)`
  }
});
var SafeAreaView_default = SafeAreaView;
export { SafeAreaView, SafeAreaView_default as default };
//# sourceMappingURL=index.mjs.map