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

const { Dimensions } = React
const deviceHeight = Dimensions.get("window").height;
const deviceWidth = Dimensions.get('window').width;
type InstaViewStyle = {
    cardImage: StyleProp<ImageStyle>
    cardStyle: StyleProp<ViewStyle>
    swiperView: StyleProp<ViewStyle>
    scrollStyle: StyleProp<ViewStyle>
    scrollContent: StyleProp<ViewStyle>
    cardavatarContent: StyleProp<ViewStyle>
    profileView: StyleProp<ViewStyle>
    scrollImageView: StyleProp<ViewStyle>
    cardavatarImageView: StyleProp<ViewStyle>
    starLeftViewImage: StyleProp<ViewStyle>
    cardavatarImageViewComment: StyleProp<ViewStyle>
    cenerViewScroll: StyleProp<ViewStyle>
    flexFour: StyleProp<ViewStyle>
    commentView: StyleProp<ViewStyle>
    iconHeight: StyleProp<ViewStyle>
    videoImage: StyleProp<ViewStyle>
    likeView: StyleProp<ViewStyle>
    soundPLay: StyleProp<ViewStyle>
    scrollTextView: StyleProp<TextStyle>
    fontWeightStyle: StyleProp<TextStyle>
    comentInput: StyleProp<TextStyle>
    textFontStyle: StyleProp<TextStyle>
    textSize: StyleProp<TextStyle>
    buttonTextSize: StyleProp<TextStyle>
    thumbImg: StyleProp<ImageStyle>
    commentThumb: StyleProp<ImageStyle>
    starLeft: StyleProp<ImageStyle>
    starLeftView: StyleProp<ViewStyle>
    rightThumb: StyleProp<ImageStyle>
    buttonIcons: any
    volumeIcon: any
    tabPosition: StyleProp<ViewStyle>,
    rowWrap: StyleProp<ViewStyle>,
    leftImgView: StyleProp<ViewStyle>,
    leftFlex: StyleProp<ViewStyle>,
    selfAlignImg: StyleProp<ViewStyle>,
    followCardStyle: StyleProp<ViewStyle>,
    buttonColor: StyleProp<ViewStyle>,
    storiesContainer: StyleProp<ViewStyle>,


}
const styles: InstaViewStyle = {
    cardImage: {
        maxHeight: 450,
        flex: 1,
    },
    videoImage: {
        maxHeight: 350,
        width: deviceWidth,
        height: 270

    },
    cenerViewScroll: { height: 100, justifyContent: 'center' },
    cardStyle: {
        borderRadius: 0,
        paddingLeft: 0,
        paddingRight: 0,
        marginLeft: 0,
        marginRight: 0,
        paddingBottom: 5,
        marginTop: 0
    },
    swiperView: {
        // flex: 3,
        // justifyContent: 'center',
        // alignItems: 'center',
        // height:100,
        // alignSelf:'center'
    },
    scrollStyle: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        paddingHorizontal: 7
    },
    scrollContent: {
        justifyContent: 'space-evenly',
        width: 75,
        alignItems: 'center',
        alignSelf: 'center'
    },
    scrollImageView: { marginHorizontal: 5, borderColor: 'pink', borderWidth: 2, marginTop: 7, width: 65, height: 65, borderRadius: 35, justifyContent: 'center', alignItems: 'center' },
    scrollTextView: { fontSize: 10 },
    cardavatarContent: {
        alignItems: 'center',
        flexDirection: 'row',
    },
    cardavatarImageView: {
        borderColor: 'pink',
        borderWidth: 2,
        marginTop: 7,
        width: 45,
        height: 45,
        borderRadius: 35,
        justifyContent: 'center',
        alignItems: 'center'
    },
    starLeftViewImage: {
        width: 46,
        height: 46,
        borderRadius: 35,
        justifyContent: 'center',
        alignItems: 'center',
        borderColor: 'pink',
        borderWidth: 2,

    },
    cardavatarImageViewComment: {
        borderColor: 'pink',
        borderWidth: 2,
        marginTop: 7,
        width: 35,
        height: 35,
        borderRadius: 35,
        justifyContent: 'center',
        alignItems: 'center'
    },
    profileView: {
        paddingTop: 0,
        paddingBottom: 3,
        // paddingLeft: 7
    },
    buttonIcons: {
        color: 'black',
        fontSize: 28
    },
    fontWeightStyle: {
        fontWeight: 'bold'
    },
    thumbImg: { width: 35, height: 35, borderRadius: 18 },
    flexFour: { flex: 4 },
    commentView: { flexDirection: 'column', alignItems: 'flex-start' },
    commentThumb: { width: 25, height: 25, borderRadius: 13 },
    comentInput: { height: 35, fontSize: 15, paddingTop: 4 },
    iconHeight: { height: 45 },
    likeView: { height: 20 },
    soundPLay: {

        position: 'absolute',
        bottom: 10,
        right: 20,
    },
    volumeIcon: {
        color: 'black'
    },
    tabPosition: {
        // marginTop: StatusBar.currentHeight,
    },
    starLeft: {
        width: 40,
        height: 40,
        borderRadius: 20
    },
    starLeftView: { alignSelf: 'flex-start' },
    textFontStyle: { fontSize: 16, fontWeight: 'bold' },
    textSize: { fontSize: 16 },
    buttonTextSize: { fontSize: 10, paddingLeft: 5, paddingRight: 5, fontWeight: '900' },
    rowWrap: { flexDirection: 'row', flexWrap: 'wrap' },
    leftImgView: { marginRight: 5, marginBottom: 4, marginTop: 8 },
    rightThumb: { width: 40, height: 40 },
    leftFlex: { flex: 3, justifyContent: 'flex-start' },
    selfAlignImg: { alignSelf: 'flex-start' },
    followCardStyle: {
        paddingLeft: 0,
        paddingRight: 0,
        paddingTop: 0,
        paddingBottom: 0,
        elevation: 0,
        borderRadius: 0,
        borderLeftWidth: 0,
        borderRightWidth: 0,
        marginTop: 0,
        marginBottom: 0,
        borderTopWidth: 0,
        borderBottomWidth: 0
    },
    buttonColor: {
        backgroundColor: '#3690f7',
        borderRadius: 5
    },
    storiesContainer: { paddingEnd: 7, paddingStart: 7, alignItems: 'center' }
}
export default styles;