/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import { StyleSheet } from "react-native";

const React = require('react-native');

const { Dimensions } = React
const deviceHeight = Dimensions.get('window').height;
const deviceWidth = Dimensions.get('window').width;

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#eaeaea',
        flex: 1,
        paddingLeft: deviceWidth / 18,
        paddingRight: deviceWidth / 18
    },
    viewContent: {
        flex: 1,
        height: (deviceHeight - (deviceHeight / 8)),

    },
    headText: {
        textAlign: 'center',
        marginTop: 60,
        fontSize: 22,
        margin: 20,
        color: '#4A4A4A',
    },
    loginButton: {
        backgroundColor: '#f04141',
        width: (deviceWidth - (deviceWidth / 10)),
        justifyContent: 'center',
    },
    welcome: {
        color: '#191E24',
        fontSize: 25,
        textAlign: 'center',
        margin: 10,
    },
    button: {
        justifyContent: 'center',
        backgroundColor: '#1193F6',
        paddingHorizontal: 25,
        borderRadius: 10,
        marginTop: 40,
    },
    codeBorderStyle: {
        borderBottomColor: 'black',
        borderBottomWidth: 2,
        borderTopWidth: 0,
        borderLeftWidth: 0,
        borderRightWidth: 0,
        borderRadius: 0,
    },
    resendColor: {
        color: 'red'
    },
    spinnerColor: { color: '#fff' },
    timeoutCount: {
        marginTop: 25
    },
    noBorderBot: {
        borderBottomWidth: 0
    }
});

export default styles;
