import { StyleSheet } from 'react-native';
import { useSafeAreaInsets } from 'react-native-safe-area-context';
export const useStyles = () => {
  const {
    bottom
  } = useSafeAreaInsets();
  const styles = 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;
};
//# sourceMappingURL=styles.js.map