/**
 * 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 {
    StatusBar, 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({
    image: {
        height: (deviceWidth / 6) * 54,
        width: deviceWidth / 6,
    },
    registerContent: {
        backgroundColor: 'black'
    },
    headerText: {
        color: 'black',
        fontSize: 17,
        fontWeight: 'bold'
    },
    header: {
        backgroundColor: 'white'
    },
    content: {
        backgroundColor: '#eaeaea'
    },
    contentImage: {
        height: deviceHeight / 1.5,
        width: deviceWidth
    },
    textView: {
        flex: 1,
        justifyContent: 'flex-start',
        alignItems: 'center'
    },
    firstText: {
        fontSize: 18,
        color: 'black',
        fontWeight: 'normal',
        paddingBottom: deviceHeight / 16,
        paddingTop: deviceHeight / 16,
        textAlign: 'center'
    },
    secondText: {
        fontSize: 17,
        color: 'white',
        paddingBottom: deviceHeight / 70
    },
    buttonText: {
        fontSize: 16,
        color: 'white',
        paddingTop: deviceHeight / 200,
        paddingLeft: deviceWidth / 50,
        paddingRight: deviceWidth / 50,
        paddingBottom: deviceHeight / 200
    },
    button: {
        backgroundColor: '#FF6D2D',

    },
    tabs: {
        paddingTop: deviceHeight / 20,
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-evenly',
        width: deviceWidth
    },
    icons: {
        fontSize: 70,
        color: 'white'
    },
    thirdTextView: {
        flex: 1,
        alignItems: 'center',
        paddingTop: deviceHeight / 20,
        width: deviceWidth * (2 / 3),
        marginBottom: deviceHeight / 20
    },
    cancelImage: {
        width: deviceWidth,
        height: deviceHeight / 2.5,
        paddingTop: deviceHeight / 10
    },
    selectedIcon: {
        borderBottomColor: '#FF6D2D',
        borderBottomWidth: 3
    },

    //login
    headerArrangement: {
        flex: 1,
        flexDirection: 'row',
        alignItems: 'center'
    },
    back: {
        color: 'white',
        fontSize: 19
    },
    headerLogin: {
        backgroundColor: '#f53d3d',
        // marginTop: StatusBar.currentHeight,
    },
    empty: {
        flex: 2
    },
    loginHeaderText: {
        color: 'white',
        fontSize: 17,
        width: deviceWidth - 100,

    },
    flexOneTitle: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    loginHeaderText2: {
        width: deviceWidth - 100,
    },

 

    login: {
        flex: 1,
        height: (deviceHeight - (deviceHeight / 8)),
        paddingLeft: deviceWidth / 18,
        paddingRight: deviceWidth / 18
    },
    inputLabel: {
        color: 'white'
    },
    input: {
        color: 'black'
    },
    loginButton: {
        marginTop: deviceHeight / 10,
        backgroundColor: '#f04141',
        width: (deviceWidth - (deviceWidth / 10)),
        paddingLeft: deviceWidth / 18,
        paddingRight: deviceWidth / 18,
        justifyContent: 'center',
        alignItems: 'center',
        height: deviceHeight / 16
    },
    loginBottomText: {
        fontSize: 17,
        fontWeight: '600',
        color: 'white',
        paddingTop: deviceHeight / 70
    },
    picker: { height: 100, width: 120 },
    inputNumber: { height: 100 },
    signButt: { height: 150, width: 100 },
    colorWhit: { color: '#ffffff' },
    pickerIOS: {
        width: deviceWidth - 40
    }

});

export default styles;
