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

const firstRunStyle = StyleSheet.create({
  row: {
    flexDirection: 'row',
    marginLeft: 32,
    marginRight: 32,
  },
  screenContainer: {
    flex: 1,
    backgroundColor: Colors.LbryGreen
  },
  container: {
    flex: 9,
    justifyContent: 'center',
    backgroundColor: Colors.LbryGreen
  },
  title: {
    fontFamily: 'Inter-UI-SemiBold',
    fontSize: 40,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 32,
    color: Colors.White
  },
  paragraph: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 18,
    lineHeight: 24,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 20,
    color: Colors.White
  },
  spacedParagraph: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 18,
    lineHeight: 28,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 20,
    color: Colors.White
  },
  infoParagraph: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 14,
    lineHeight: 20,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 20,
    color: Colors.White
  },
  confirmContainer: {
    marginTop: 36
  },
  rowParagraph: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 16,
    lineHeight: 24,
    color: Colors.White,
    flex: 0.7
  },
  rowSwitch: {
    justifyContent: 'flex-start',
    flex: 0.2,
    marginRight: 8
  },
  emailInput: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 24,
    lineHeight: 24,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 20,
    textAlign: 'center'
  },
  passwordInput: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 24,
    lineHeight: 24,
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 20,
    textAlign: 'center'
  },
  leftButton: {
    flex: 1,
    alignSelf: 'flex-end',
    paddingBottom: 16,
    marginLeft: 32,
    marginRight: 32
  },
  bottomContainer: {
    flex: 1
  },
  buttonRow: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  actionButton: {
    backgroundColor: Colors.White,
    alignSelf: 'center',
    fontFamily: 'Inter-UI-Regular',
    fontSize: 12,
    paddingLeft: 16,
    paddingRight: 16
  },
  button: {
    alignSelf: 'flex-end',
    padding: 20,
    paddingLeft: 32,
    paddingRight: 32
  },
  buttonText: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 18,
    color: Colors.White
  },
  smallButtonText: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 14,
    color: Colors.White,
    marginBottom: -2
  },
  smallLeftButtonText: {
    fontFamily: 'Inter-UI-Regular',
    fontSize: 14,
    color: Colors.White,
    marginBottom: 6
  },
  waiting: {
    marginBottom: 24
  },
  pageWaiting: {
    alignSelf:  'center'
  },
  titleIcon: {
    marginTop: 8
  },
  closeButton: {
    position: 'absolute',
    top: 8,
    right: 8,
    width: 48,
    height: 48,
    borderRadius: 48,
    justifyContent: 'center'
  },
  closeButtonText: {
    alignSelf: 'center',
    color: Colors.White,
    fontSize: 16
  },
  buttonContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    width: '100%',
    paddingLeft: 32,
    paddingRight: 32,
    marginTop: 16
  },
  verificationButton: {
    backgroundColor: Colors.White,
    paddingLeft: 16,
    paddingRight: 16
  },
  passwordStrength: {
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 48
  },
  centered: {
    alignItems: 'center'
  },
  centerInside: {
    flex: 1,
    alignItems:'center'
  },
  nowrap: {
    flex: 1,
    flexWrap: 'nowrap'
  }
});

export default firstRunStyle;