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

React Native for Web

import * as React from "react";
import { StyleSheet, canUseDOM } from "@tamagui/react-native-web-internals";
import { View } from "../View/index";
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,
  SafeAreaView_default as default
};
//# sourceMappingURL=index.js.map