@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 = canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)") ? "constant" : "env",
  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_default as default };
//# sourceMappingURL=index.mjs.map