"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 = () => {
  const {
    bottom
  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      paddingBottom: bottom + 4
    },
    communityNameWrap: {
      flexDirection: 'row',
      alignItems: 'center',
      padding: 16,
      gap: 2
    },
    categoryWrap: {
      paddingLeft: 16,
      paddingVertical: 8
    },
    descriptionWrap: {
      paddingHorizontal: 16,
      paddingVertical: 8
    },
    infoWrap: {
      paddingHorizontal: 16,
      paddingVertical: 4
    },
    joinButtonWrap: {
      margin: 16
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map