/**
 * 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, StyleProp, ViewStyle, TextStyle,
} 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 = {
    content: any,
    firstText: any,
    input: any,
    inputNumber: any,
    signButt: any,
    rowContent: StyleProp<ViewStyle>
    gridStyle: StyleProp<ViewStyle>
    marginrow: StyleProp<ViewStyle>
    loginButton: StyleProp<ViewStyle>
    contentCenter: StyleProp<ViewStyle>
    textColor: StyleProp<TextStyle>
}
const styles: LoginStyles = {

    content: {
        backgroundColor: '#eaeaea'
    },
    gridStyle: { height: '100%' },
    firstText: {
        fontSize: 18,
        color: 'black',
        fontWeight: 'normal',
        paddingBottom: deviceHeight / 16,
        paddingTop: deviceHeight / 16,
        textAlign: 'center'
    },
    rowContent: { borderColor: 'grey', borderWidth: 1, borderRadius: 5 },
    contentCenter: { justifyContent: 'center' },
    textColor: { color: '#fff' },
    input: {
        color: 'black'
    },
    marginrow: { marginTop: 30 },
    inputNumber: { height: 100 },
    signButt: { height: 150, width: 100 },

    loginButton: {
        backgroundColor: '#f04141',
        borderRadius: 4
    }
};

export default styles;
