import {StyleSheet} from 'react-native';
import {COLORS} from '@shared/colors';
import {SPACING} from '@shared/theme';

export const styles = StyleSheet.create({
  usersContainer: {
    backgroundColor: COLORS.WHITE,
    borderColor: COLORS.DARK_GRAY,
    borderWidth: 1,
    marginBottom: SPACING['x1.25'],
    maxHeight: 200,
    top: -35,
    width: '100%',
  },
  profileContainer: {
    alignItems: 'center',
    backgroundColor: COLORS.WHITE,
    borderBottomWidth: 1,
    borderColor: COLORS.DARK_GRAY,
    flexDirection: 'row',
    paddingHorizontal: SPACING.x2,
    paddingVertical: SPACING.x1,
  },
  loadingContainer: {paddingVertical: SPACING.x4},
  emptyList: {padding: SPACING['x1.5']},
});
