import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  button: {
    paddingHorizontal: 20,
    paddingVertical: 10,
    backgroundColor: '#ffa13d',
    color: '#000000',
    borderRadius: 8,
    cursor: 'pointer',
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    width: 312,
    height: 40,
  },
  btnDisabled: {
    backgroundColor: 'hsl(0, 0%, 96%)',
    color: 'hsl(0, 0%, 70%)',
  },
  btnHovered: {
    backgroundColor: 'hsl(31, 97%, 48%)',
  },
  image: {
    marginLeft: 20,
    marginRight: 10,
  },
  text: {
    fontSize: 18,
    fontWeight: '600',
    lineHeight: 22,
    textAlignVertical: 'center',
  },
});