import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  customSolidButton: {
    backgroundColor: '#00b578',
  },

  customOutlineButton: {
    borderWidth: 1,
    borderColor: '#00b578',
  },
  weakBigOutlineButton: {
    backgroundColor: '#ffffff00',
    borderWidth: 1,
    borderColor: 'rgba(102, 102, 102, 0.5)',
  },
  weakOutlineButton: {
    backgroundColor: '#ffffff00',
    borderWidth: 0.5,
    borderColor: 'rgba(102, 102, 102, 0.5)',
  },
  weakOutlineButtonText: {
    color: '#666666',
  },

  customOutlineButtonText: {
    color: '#00b578',
  },

  dot: {
    width: 15,
    height: 15,
    borderRadius: 100,
    backgroundColor: 'yellow',
    marginRight: 5,
  },

  smallGroup: {
    flexDirection: 'row',
  },

  width10: {
    width: 10,
  },

  customWidth: {
    width: 100,
  },
});