/**
 * 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, ViewStyle, StyleProp, TextStyle,
} from 'react-native';
const React = require('react-native');

const { Dimensions } = React
const deviceHeight = Dimensions.get('window').height;
const deviceWidth = Dimensions.get('window').width;
type OtpVerificationStyles = {
    container: StyleProp<ViewStyle>
    timeoutCount: StyleProp<ViewStyle>
    noBorderBot: StyleProp<ViewStyle>
    signButt: StyleProp<ViewStyle>
    loginButton: StyleProp<ViewStyle>
    headText: StyleProp<TextStyle>
    resendColor: StyleProp<TextStyle>
    onetimePass: StyleProp<TextStyle>
    spinnerColor: any
    onTimeIcon: any
}
const styles: OtpVerificationStyles = {
    container: {
        backgroundColor: '#eaeaea',
        flex: 1,
        paddingLeft: deviceWidth / 18,
        paddingRight: deviceWidth / 18
    },
    headText: {
        textAlign: 'center',
        marginTop: 60,
        fontSize: 22,
        margin: 20,
        color: '#4A4A4A',
    },
    loginButton: {
        backgroundColor: '#f04141',
        width: (deviceWidth - (deviceWidth / 10)),
        justifyContent: 'center',
    },
    signButt: {

    },
    onetimePass: {
        fontSize: 15,
    },
    onTimeIcon: {
        fontSize: 18,
        color: '#15bf15fa'
    },

    resendColor: {
        color: 'red'
    },
    spinnerColor: { color: '#fff' },
    timeoutCount: {
        marginTop: 25
    },
    noBorderBot: {
        borderBottomWidth: 0
    }
}
export default styles;