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,
  },
  passwordWarning: {
    marginLeft: 32,
    marginRight: 32,
    marginBottom: 24,
  },
  passwordWarningText: {
    color: Colors.BrightRed,
    fontFamily: 'Inter-UI-Regular',
    fontSize: 16,
  },
  centered: {
    alignItems: 'center',
  },
  centerInside: {
    flex: 1,
    alignItems: 'center',
  },
  nowrap: {
    flex: 1,
    flexWrap: 'nowrap',
  },
  passwordInputContainer: {
    marginLeft: 32,
    marginRight: 32,
  },
  revealPasswordIcon: {
    position: 'absolute',
    right: 0,
    top: 6,
    width: 32,
    height: 32,
    alignItems: 'center',
    justifyContent: 'center',
  },
  revealIcon: {
    color: Colors.White,
  },
});

export default firstRunStyle;