/**
 * Theme map
 */

import { StyleSheet } from 'react-native';
import { Colors } from '../Colors';

export const TagTheme = StyleSheet.create({
  common: {
    borderRadius: 40,
    borderWidth: 0,
    paddingTop: 3,
    paddingBottom: 4,
    paddingHorizontal: 10,
    display: 'flex',
    alignSelf: 'flex-start',
    color: Colors.white,
    marginBottom: 4,
  },
  closable: {
    paddingTop: 1,
    paddingBottom: 1,
  },
  textStyles: {
    color: Colors.white,
    fontSize: 12,
    verticalAlign: 'middle',
  },
  primary: {
    backgroundColor: Colors.primary[100],
    borderBlockColor: Colors.primary[100],
  },
  success: {
    borderColor: Colors.success[100],
    backgroundColor: Colors.success[100],
  },
  closeIcon: {
    fontSize: 16,
    color: Colors.white,
  },
});