import { StyleSheet } from "react-native";

const Styles = StyleSheet.create({
   wrapLogin: {
      flex: 1,
      justifyContent: "flex-start",
      alignItems: "stretch",
      padding: 20,
   },
   textDefault: {
      fontSize: 16,
      lineHeight: 24,
   },
   textDefaultSemiBold: {
      fontSize: 16,
      lineHeight: 24,
      fontWeight: '600',
   },
   textMediumNormal: {
      fontSize: 13,
      lineHeight: 24,
   },
   textMediumSemiBold: {
      fontSize: 13,
      lineHeight: 24,
      fontWeight: '600',
   },
   textTitle: {
      fontSize: 32,
      fontWeight: 'bold',
      lineHeight: 32,
   },
   textSubtitle: {
      fontSize: 20,
      fontWeight: 'bold',
   },
   textLink: {
      lineHeight: 30,
      fontSize: 16,
      color: '#0a7ea4',
   },
   textInformation: {
      fontSize: 12,
      fontWeight: 'light',
      marginTop: 5,
   },
   cError: {
      color: '#DB1514'
   },
   cGray: {
      color: 'gray'
   },
   cWhite: {
      color: 'white'
   },
   cDefault: {
      color: '#19345E'
   },
   mb15: {
      marginBottom: 15
   },
   mb30: {
      marginBottom: 30
   },
   round30: {
      borderRadius: 30
   },
   btnIconHeader: {
      backgroundColor: '#384288',
      padding: 7,
      borderRadius: 100,
   },
   btnRound: {
      backgroundColor: '#19345E',
      borderWidth: 0,
      borderColor: '#19345E',
      alignItems: 'center',
      borderRadius: 30,
      marginTop: 15,
      paddingVertical: 10
   },
   inputRoundForm: {
      borderRadius: 10,
      borderColor: '#19345E',
      borderWidth: 1,
      paddingVertical: 10,
      paddingHorizontal: 15,
   },
   inputRoundFormLeft: {
      flexDirection: 'row',
      alignItems: 'center',
      paddingVertical: 0,
   },
   inputRoundFormRight: {
      flexDirection: 'row-reverse',
      alignItems: 'center',
      paddingVertical: 0,
      justifyContent: 'space-between'
   },
   verificationCell: {
      width: 50,
      height: 50,
      lineHeight: 45,
      fontSize: 24,
      borderWidth: 1,
      borderRadius: 15,
      borderColor: 'gray',
      textAlign: 'center',
   },
   verificationFocusCell: {
      borderColor: '#19345E',
   },
   caraoselContent: {
      flex: 1,
      borderWidth: 1,
      justifyContent: "center",
      marginHorizontal: 15,
      borderRadius: 15,
      backgroundColor: '#19345E',
      display: 'flex',
   }
})

export default Styles;