import { StyleSheet } from 'react-native';
export const useStyles = theme => {
  const styles = StyleSheet.create({
    container: {
      backgroundColor: theme.colors.background,
      flexDirection: 'row',
      paddingHorizontal: 16,
      alignItems: 'center',
      marginVertical: 8
    },
    avatar: {
      width: 40,
      height: 40,
      borderRadius: 40
    },
    profileInfoContainer: {
      marginLeft: 16,
      justifyContent: 'center',
      flex: 1
    },
    category: {
      marginVertical: 2,
      alignSelf: 'flex-start',
      paddingHorizontal: 8,
      paddingVertical: 4,
      backgroundColor: theme.colors.baseShade4,
      color: theme.colors.base,
      borderRadius: 12,
      overflow: 'hidden',
      marginHorizontal: 2,
      fontSize: 12
    },
    memberCounts: {
      fontSize: 13,
      fontWeight: '400',
      color: theme.colors.baseShade1,
      marginVertical: 2
    },
    rowContainer: {
      alignItems: 'center',
      flexDirection: 'row',
      flex: 1
    },
    diaplayName: {
      fontWeight: '600',
      fontSize: 15,
      color: theme.colors.base,
      flexShrink: 1
    },
    lockIcon: {
      width: 20,
      height: 20,
      tintColor: theme.colors.base
    },
    badgeIcon: {
      width: 20,
      height: 20
    }
  });
  return styles;
};
//# sourceMappingURL=styles.js.map