import {StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingLeft: 30,
    paddingRight: 30,
    justifyContent: 'center',
    // alignItems: 'center',
  },
  imgContainer: {
    width: '100%',
    alignItems: 'center',
  },
  inputContainer: {
    height: 200,
    alignItems: 'center',
    justifyContent: 'center',
  },
  input: {
    height: 40,
    width: '100%',
    borderBottomWidth: 1,
    // textAlign: "left",
    marginTop: 30,
    fontSize: 18,
  },
  passwordInput: {
    // flexDirection: 'row-reverse',
    flexDirection: 'row',
    alignItems: 'center',
    width: '100%',
  },
  buttonContainer: {
    width: 50,
    height: 50,
    backgroundColor: '#ec5c26',
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: 30,
    margin: 20,
    marginRight: 0,
    marginLeft: 0,
    shadowColor: '#000',
    shadowOffset: {
      width: 0,
      height: 11,
    },
    shadowOpacity: 0.57,
    shadowRadius: 15.19,
    elevation: 11,
  },
  buttonIcon: {
    fontSize: 26,
    color: 'white',
  },
});

export default styles;
