/**
 * 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 React, { Component } from 'react';
import { StyleProp, ViewStyle, TextStyle, Dimensions } from 'react-native';
const deviceWidth = Dimensions.get('screen').width;
const deviceHeight = Dimensions.get('screen').height;

type NetflixStyle = {
    card: StyleProp<ViewStyle>
    container: StyleProp<ViewStyle>
    otherCards: StyleProp<ViewStyle>
    iconCircle: StyleProp<ViewStyle>
    paddHorizontal: StyleProp<ViewStyle>
    textHead: StyleProp<TextStyle>
    descText: StyleProp<TextStyle>
    paddVertical: StyleProp<ViewStyle>
    buttonStyle: StyleProp<ViewStyle>
    fullwidth: StyleProp<ViewStyle>
    buttonsView: StyleProp<ViewStyle>
    headercontent: StyleProp<ViewStyle>
    homeImage: StyleProp<ViewStyle>
    imageBackgroundView: StyleProp<ViewStyle>
    button: StyleProp<ViewStyle>
    homeImageFull: StyleProp<ViewStyle>
    imageInside: StyleProp<ViewStyle>
    iconText: StyleProp<ViewStyle>
    butonText: StyleProp<TextStyle>
    paddingLeftText: StyleProp<TextStyle>
    buttonText: StyleProp<TextStyle>
    headerText: StyleProp<TextStyle>
    imageText: StyleProp<TextStyle>
    noMargin: any
    marginZero: any
    white: any
    tabStyle: StyleProp<ViewStyle>
    tabText: any
    activeTextStyle: any
}
const styles: NetflixStyle = {
    tabStyle: {
        backgroundColor: '#f53d3d',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center'
    },
    tabText: {
        color: '#fff'
    },
    activeTextStyle: {
        fontWeightStyle: 'bold'
    },
    imageInside: {
        height: deviceHeight / 1.8,
        justifyContent: 'flex-end',
        alignItems: 'center',
        paddingVertical: 16,
    },
    homeImage: {
        alignItems: 'center',
        justifyContent: 'center',
        width: 200,
        flexDirection: 'row'
    },
    white: { color: '#fff' },
    homeImageFull: {
        width: deviceWidth,
        height: deviceHeight / 1.8,

    },
    fullwidth: {
        width: deviceWidth,
        height: 200
    },
    iconText: { alignItems: 'center', paddingHorizontal: 16 },
    imageBackgroundView: {
        width: '100%', height: '100%'
    },
    imageText: { color: '#fff', fontWeight: '500', fontSize: 22, paddingBottom: 10 },
    headerText: { fontWeight: '700', color: '#fff', fontSize: 20 },
    headercontent: { backgroundColor: 'black', paddingTop: 7, paddingBottom: 7 },
    marginZero: { marginLeft: 0 },
    container: { backgroundColor: 'black' },
    buttonsView: { flexDirection: 'row', justifyContent: 'space-evenly', flex: 1 },
    noMargin: { marginLeft: 0 },
    paddingLeftText: { paddingLeft: 10 },
    buttonText: { fontWeight: '700', color: '#fff', paddingLeft: 10 },
    button: { width: 150, marginTop: 10, justifyContent: 'center' },
    otherCards: { marginLeft: 0, marginRight: 5, width: deviceWidth / 2.5, height: deviceHeight / 3.5 },
    card: { marginLeft: 10, marginRight: 5, width: deviceWidth / 2.5, height: deviceHeight / 3.5 },
    iconCircle: { borderWidth: 2, borderColor: 'black', borderRadius: 25, width: 50, height: 50, justifyContent: 'center', alignItems: 'center' },
    paddHorizontal: { paddingHorizontal: 10 },
    textHead: { textAlign: 'center', fontSize: 14 },
    descText: { textAlign: 'center', flexWrap: 'wrap', fontSize: 10 },
    paddVertical: { paddingVertical: 10 },
    buttonStyle: { backgroundColor: '#007bffeb' },
    butonText: { textAlign: 'center', fontSize: 12 }
}
export default styles;