import { StyleSheet } from 'react-native';

export const badgeTexts = StyleSheet.create({
  basic: {
    textAlign: 'center',
    textTransform: 'capitalize',
  },
  primary: {
    color: '#101010',
  },
  secondary: {
    color: 'white',
  },
  outline: {
    color: '#101010',
  },
  success: {
    color: 'white',
  },
  danger: {
    color: 'white',
  },
});

export const innerBorders = StyleSheet.create({
  basic: {
    borderWidth: 2,
    borderRadius: 4 * 1.5,
    margin: 2,
    paddingVertical: 4 * 1,
    paddingHorizontal: 4 * 2,
  },
  primary: {
    borderColor: '#101010',
  },
  secondary: {
    borderColor: 'white',
  },
  outline: {
    borderColor: '#101010',
  },
  success: {
    borderColor: 'white',
  },
  danger: {
    borderColor: 'white',
  },
});

export const metadatas = StyleSheet.create({
  container: {
    height: 12,
    width: 12,
    borderRadius: '100%',
    borderWidth: 1,
    position: 'absolute',
    top: -4,
    right: -4,
    zIndex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  basic: {
    flex: 1,
    fontSize: 8,
    textAlign: 'center',
  },
});