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

React Native for Web

import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
import { StyleSheet, canUseDOM } from "@tamagui/react-native-web-internals";
import View from "../View/index.native.js";
var cssFunction = function () {
    return canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)") ? "constant" : "env";
  }(),
  SafeAreaView = /* @__PURE__ */React.forwardRef(function (props, ref) {
    var {
      style,
      ...rest
    } = props;
    return /* @__PURE__ */_jsx(View, {
      ...rest,
      ref,
      style: StyleSheet.compose(styles.root, style)
    });
  });
SafeAreaView.displayName = "SafeAreaView";
var 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)`
    }
  }),
  SafeAreaView_default = SafeAreaView;
export { SafeAreaView_default as default };
//# sourceMappingURL=index.native.js.map