/**
 * 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 { StyleProp, ViewStyle, TextStyle } from 'react-native';

const React = require("react-native");
const { Dimensions, Platform } = React;
const deviceHeight = Dimensions.get("window").height;
const HEADER_MAX_HEIGHT = deviceHeight / 2.2;

type StylesView = {

    scrollViewContent: StyleProp<ViewStyle>
    header: StyleProp<ViewStyle>

    fill: StyleProp<ViewStyle>


    backgroundImage: StyleProp<ViewStyle>

    bar: any
    content: any
    title: any
    row: any

}

const styles: StylesView = {
    fill: {
        flex: 1
    },
    content: {
        flex: 1
    },
    header: {
        position: "absolute",
        top: 0,
        left: 0,
        right: 0,
        backgroundColor: "#f53d3d",
        overflow: "hidden",
        height: HEADER_MAX_HEIGHT
    },
    backgroundImage: {
        position: "absolute",
        top: 0,
        left: 0,
        right: 0,
        height: HEADER_MAX_HEIGHT * (9 / 10),
    },
    bar: {
        backgroundColor: "transparent",
        marginTop: Platform.OS === "ios" ? 28 : 38,
        height: 32,
        alignItems: "center",
        justifyContent: "center",
        position: "absolute",
        top: 0,
        left: 0,
        right: 0
    },
    title: {
        color: "white",
        fontSize: 18
    },
    scrollViewContent: {
        paddingTop: Platform.OS !== "ios" ? HEADER_MAX_HEIGHT : 0,
        marginBottom: deviceHeight / 25
    },
    row: {
        height: 40,
        margin: 16,
        backgroundColor: "#D3D3D3",
        alignItems: "center",
        justifyContent: "center"
    }

};
export default styles;