import { StyleSheet } from 'react-native';
export const useStyles = theme => {
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: theme.colors.background
    },
    header: {
      paddingVertical: 18,
      alignItems: 'center'
    },
    closeIcon: {
      width: 12,
      height: 12,
      tintColor: theme.colors.base
    },
    closeButton: {
      position: 'absolute',
      left: 18,
      top: 25,
      width: 24,
      height: 24
    },
    title: {
      fontSize: 17,
      fontWeight: '600',
      lineHeight: 22,
      color: theme.colors.base
    },
    communityHeader: {
      color: theme.colors.baseShade3,
      marginBottom: 8,
      marginHorizontal: 16
    },
    divider: {
      marginTop: 8,
      marginBottom: 26,
      paddingHorizontal: 16
    },
    noCommunityContainer: {
      display: 'flex',
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center',
      marginTop: '40%'
    },
    noCommunityTitle: {
      marginTop: 16,
      color: theme.colors.baseShade3
    }
  });
  return styles;
};
//# sourceMappingURL=styles.js.map