/**
 * 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, ImageStyle, StatusBar } from "react-native";
import Constants from 'expo-constants';

const headerHeight = Constants.platform ? Constants.platform.android ? 80 : 100 : null;
const background = '#f4f5ff';
const colorText = '#aaabac';
type BreezeScreenStyles = {
    container: StyleProp<ViewStyle>,
    iconSize: any,
    fabColorWhite: any,
    fabColorGrey: any,
    userStatus: StyleProp<TextStyle>,
    firstName: StyleProp<TextStyle>,
    rightTimeTextSection: StyleProp<TextStyle>,
    leftTimeTextSection: StyleProp<TextStyle>,
    messageRightText: StyleProp<TextStyle>,
    messageLeftText: StyleProp<TextStyle>,
    shareAvatarName: StyleProp<TextStyle>,
    headerSection: StyleProp<ViewStyle>,
    headerColorSection: StyleProp<ViewStyle>,
    headerLeftSection: StyleProp<ViewStyle>,
    activeIcon: StyleProp<ViewStyle>,
    headerBodySection: StyleProp<ViewStyle>,
    headerRightSection: StyleProp<ViewStyle>,
    searchParentSection: StyleProp<ViewStyle>,
    searchBarSection: StyleProp<ViewStyle>,
    KeyboardAvoidingView: StyleProp<ViewStyle>,
    shareParentSection: StyleProp<ViewStyle>,
    messageWrap: StyleProp<ViewStyle>,
    messageLeftParent: StyleProp<ViewStyle>,
    messageLeftTime: StyleProp<ViewStyle>,
    messageLeftChatSection: StyleProp<ViewStyle>,
    chatContentSection: StyleProp<ViewStyle>,
    messageRightParent: StyleProp<ViewStyle>,
    messageRightTime: StyleProp<ViewStyle>,
    footerSection: StyleProp<ViewStyle>,
    messageRightChatSection: StyleProp<ViewStyle>,
    iconButtonSection: StyleProp<ViewStyle>,
    userImage: StyleProp<ImageStyle>,
    cameraGallerySection: StyleProp<ImageStyle>,
    shareAvatarSection: StyleProp<ImageStyle>,
    backIcon: any
}

const styles: BreezeScreenStyles = {

    backIcon: {
        color: 'white',
        paddingRight: 10
    },
    container: {
        flex: 1,
        backgroundColor: background,
        // marginTop: StatusBar.currentHeight,
    },
    headerColorSection: {
        backgroundColor: '#f53d3d',
    },
    headerSection: {
        paddingLeft: 0,
        paddingRight: 0,
        borderBottomColor: 'transparent',
        minHeight: headerHeight,
        maxHeight: headerHeight,
    },
    headerLeftSection: {
        justifyContent: 'center',
        paddingLeft: 10,
        paddingRight: 18,
        position: 'relative',
        flex: 0.4
    },
    userImage: {
        backgroundColor: '#fff',
        width: 45,
        height: 45,
        borderRadius: 23
    },
    activeIcon: {
        backgroundColor: '#f1f185',
        height: 15,
        width: 15,
        position: 'absolute',
        borderRadius: 30,
        right: -2,
        top: 8,
        borderColor: '#fff',
        borderWidth: 2
    },
    firstName: {
        color: '#fff'
    },
    userStatus: {
        color: '#f1f185'
    },
    headerBodySection: {
        paddingLeft: 20,
        alignItems: 'flex-start',
    },
    headerRightSection: {
        position: 'relative',
        justifyContent: 'space-evenly',
        paddingTop: 5,
    },
    iconSize: {
        fontSize: 28,
    },
    fabColorGrey: {
        color: '#575252'
    },
    fabColorWhite: {
        color: '#fff'
    },
    cameraGallerySection: {
        marginVertical: 15,
        marginHorizontal: 5,
        borderRadius: 13
    },
    shareParentSection: {
        justifyContent: 'space-evenly',
        paddingLeft: 15,
        paddingVertical: 5
    },
    shareAvatarSection: {
        marginHorizontal: 2,
        width: 50,
        height: 50
    },
    shareAvatarName: {
        color: '#fff',
        fontSize: 14,
        textAlign: 'center'
    },
    searchParentSection: {
        paddingHorizontal: 10,
        paddingVertical: 8,
    },
    searchBarSection: {
        backgroundColor: '#fff'
    },
    chatContentSection: {
        backgroundColor: background,
        paddingHorizontal: 10,
        paddingVertical: 8,
    },
    messageWrap: {
        paddingBottom: 18
    },
    messageLeftParent: {
        borderRightWidth: 1,
        borderColor: colorText,
        position: 'relative',
        paddingTop: 5,
        marginHorizontal: 8,
        paddingBottom: 5,

    },
    messageLeftTime: {
        alignSelf: 'flex-end',
    },
    leftTimeTextSection: {
        position: 'absolute',
        right: -3,
        top: -5,
        color: colorText,
        overflow: 'hidden',
        backgroundColor: background
    },
    messageLeftChatSection: {
        position: 'relative',
        marginTop: 5,
        borderRadius: 10,
        marginBottom: 8,
        padding: 8,
        width: 'auto',
        maxWidth: '75%',
        alignSelf: 'flex-start',
        shadowColor: '#000',
        shadowOffset: { width: 1, height: 1 },
        shadowOpacity: 0.3,
        shadowRadius: 5,
        elevation: 5,
        backgroundColor: background
    },
    iconButtonSection: {

    },
    messageLeftText: {
        color: '#72716d'
    },

    messageRightParent: {
        borderLeftWidth: 1,
        borderColor: colorText,
        position: 'relative',
        paddingBottom: 5,
    },
    messageRightChatSection: {
        position: 'relative',
        marginTop: 10,
        borderRadius: 10,
        marginBottom: 5,
        padding: 8,
        width: 'auto',
        maxWidth: '75%',
        alignSelf: 'flex-end',
        shadowColor: '#000',
        shadowOffset: { width: 1, height: 1 },
        shadowOpacity: 0.3,
        shadowRadius: 5,
        elevation: 5,
        backgroundColor: '#f53d3d'
    },
    messageRightTime: {
        alignSelf: 'flex-start',
    },
    rightTimeTextSection: {
        position: 'absolute',
        top: -3,
        left: -3,
        backgroundColor: background,
        color: colorText
    },
    messageRightText: {
        color: '#fff'
    },

    footerSection: {
        backgroundColor: 'transparent',
        paddingVertical: 10,
        marginVertical: 10,
        borderTopWidth: 0,
        borderColor: 'transparent',
        elevation: 0
    },
    KeyboardAvoidingView: {
        flex: 1
    }
};

export default styles;
