import { StyleSheet } from 'react-native';

export const links = StyleSheet.create({
  basic: {
    // borderWidth: 4 / 4,
  },
  primary: {
    backgroundColor: 'white',
    borderColor: '#e0e0e0',
  },
  secondary: {
    backgroundColor: '#101010',
    borderColor: 'transparent',
  },
  success: {
    backgroundColor: 'green',
    borderColor: 'green',
  },
  danger: {
    backgroundColor: 'red',
    borderColor: 'red',
  },
  small: {
    paddingVertical: 4 * 1.5,
    paddingHorizontal: 4 * 2.5,
  },
  medium: {
    paddingVertical: 4 * 2.5,
    paddingHorizontal: 4 * 3,
  },
  large: {
    paddingVertical: 4 * 3,
    paddingHorizontal: 4 * 4,
  },
});

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

export const innerBorders = StyleSheet.create({
  basic: {
    borderWidth: 1,
    width: '100%',
    alignSelf: 'center',
  },
  primary: {
    borderColor: '#101010',
  },
  secondary: {
    borderColor: 'white',
  },
  success: {
    borderColor: 'green',
  },
  danger: {
    borderColor: 'red',
  },
});