import { StyleSheet } from 'react-native';

export const avatars = StyleSheet.create({
  basic: {
    borderRadius: '100%',
    alignItems: 'center',
    justifyContent: 'center',
  },
  innerView: {
    borderRadius: '100%',
    alignItems: 'center',
    justifyContent: 'center',
    width: '100%',
    height: '100%',
    overflow: 'hidden',
  },
  small: {
    height: 4 * 12,
    width: 4 * 12,
    padding: 2.5,
  },
  medium: {
    height: 4 * 20,
    width: 4 * 20,
    padding: 3.5,
  },
  large: {
    height: 4 * 28,
    width: 4 * 28,
    padding: 4,
  },
  image: {
    height: '100%',
    width: '100%',
    position: 'absolute',
    objectFit: 'cover',
  },
});

export const texts = StyleSheet.create({
  small: {},
  medium: {
    fontSize: 4 * 6,
  },
  large: {
    fontSize: 4 * 9,
  },
});