import { StyleSheet } from 'react-native';
export const useStyles = theme => {
  const styles = StyleSheet.create({
    container: {
      flex: 1
    },
    listSkeleton: {
      marginTop: 16,
      paddingHorizontal: 16
    },
    list: {
      flex: 1,
      marginTop: 16
    },
    listContent: {
      paddingHorizontal: 16,
      gap: 16
    },
    emptyContainer: {
      width: '100%',
      height: '100%',
      flexDirection: 'column',
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center'
    },
    emptyTitleText: {
      color: theme.colors.baseShade3
    },
    emptyDescriptionText: {
      color: theme.colors.baseShade3
    },
    createCommunityButton: {
      marginTop: 17
    },
    createCommunityButtonText: {
      color: 'white'
    }
  });
  return styles;
};
//# sourceMappingURL=styles.js.map