/**
 * 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,
} from 'react-native'
import Constants from 'expo-constants';
const React = require('react-native')
const { Dimensions } = React
const deviceHeight = Dimensions.get("window").height;
const deviceWidth = Dimensions.get('window').width;
const pickerWidth = Constants.platform ? Constants.platform.android ? '100%' : '70%' : null;
const pickerMarginRight = Constants.platform ? Constants.platform.android ? 0 : 20 : null;

const ratio = deviceWidth / 200;

type LoginStyles = {
    image: any,
    registerContent: any,
    headerText: any,
    header: any,
    content: any,
    contentImage: any,
    textView: any,
    firstText: any,
    secondText: any,
    buttonText: any,
    button: any,
    tabs: any,
    icons: any,
    thirdTextView: any,
    cancelImage: any,
    selectedIcon: any,
    headerArrangement: any,
    back: any,
    headerLogin: any,
    empty: any,
    loginHeaderText: any,
    flexOneTitle: any,
    loginHeaderText2: any,
    flexOne: any,
    login: any,
    inputLabel: any
    input: any,
    loginButton: any,
    loginBottomText: any,
    picker: any,
    inputNumber: any,
    signButt: any,
    iconStyle: any
}
const styles: LoginStyles = {
    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,
    },
    buttonText: {
        color: 'white',
        fontSize: 17,
        fontWeight: 'bold',
        overflow: 'visible'
    },
    flexOne: {
        flex: 1
    },

    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',
        color: '#fff'
    },
    loginBottomText: {
        fontSize: 17,
        fontWeight: '600',
        color: 'white',
        paddingTop: deviceHeight / 70
    },
    picker: {
        width: pickerWidth,
        // marginRight: pickerMarginRight
    },
    // inputNumber: { height: 100 },
    // signButt: { height: 150, width: 100 },
    iconStyle: {
        color: '#5a52a5',
        fontSize: 28,
        marginLeft: 15
    }

};

export default styles;
