"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
const useStyles = theme => {
  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: theme.colors.background
    },
    stickyHeaderContainer: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      zIndex: 1,
      backgroundColor: theme.colors.background
    },
    smallHeaderNavigationWrap: {
      position: 'absolute',
      top: 0,
      left: 0,
      right: 0,
      zIndex: 1
    },
    smallHeaderCommunityTabWrap: {
      position: 'absolute',
      top: 100,
      left: 0,
      right: 0,
      zIndex: 1
    },
    modalOverlay: {
      flex: 1,
      backgroundColor: 'rgba(0, 0, 0, 0.5)',
      justifyContent: 'flex-end'
    },
    modalContent: {
      backgroundColor: theme.colors.background,
      borderTopLeftRadius: 20,
      borderTopRightRadius: 20,
      paddingHorizontal: 16,
      minHeight: 200,
      paddingBottom: insets.bottom + 10
    },
    dragHandle: {
      width: 36,
      height: 4,
      borderRadius: 12,
      marginVertical: 10,
      alignSelf: 'center',
      backgroundColor: theme.colors.baseShade3
    },
    bottomSheetOption: {
      flexDirection: 'row',
      alignItems: 'center',
      paddingVertical: 16,
      paddingHorizontal: 0
    },
    bottomSheetOptionText: {
      fontSize: 16,
      color: theme.colors.base,
      marginLeft: 12,
      fontWeight: '500'
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map