import { View, Text } from 'react-native';
import React, { useContext } from 'react';
import { QuickViewStyle } from './QuickViewStyle';
import { CometChatContext } from '../../CometChatContext';
const CometChatQuickView = (props) => {
    const { title, subtitle, closeIconUrl, hideCloseIcon, quickViewStyle } = props;
    const { theme } = useContext(CometChatContext);
    const _style = new QuickViewStyle({
        backgroundColor: theme.palette.getBackgroundColor(),
        borderRadius: 8,
        titleFont: theme.typography.text1,
        titleColor: theme.palette.getPrimary(),
        subtitlFont: theme.typography.subtitle2,
        subtitleColor: theme.palette.getAccent500(),
        leadingBarTint: theme.palette.getPrimary(),
        leadingBarWidth: 5,
        ...quickViewStyle
    });
    const { height, width, backgroundColor, border, borderRadius, titleFont, titleColor, subtitlFont, subtitleColor, leadingBarTint, leadingBarWidth, } = _style;
    return (<View style={{
            height: height,
            width: width,
            backgroundColor: backgroundColor,
            borderRadius: borderRadius,
            borderColor: border.borderColor,
            borderWidth: border.borderWidth,
            flexDirection: "row",
        }}>
            <View style={{
            width: leadingBarWidth, backgroundColor: leadingBarTint,
            borderTopLeftRadius: borderRadius, borderBottomLeftRadius: borderRadius
        }}/>
            <View style={{ padding: 5 }}>
                <Text style={{ ...titleFont, color: titleColor, marginBottom: 5 }}>{title}</Text>
                <Text style={{ ...subtitlFont, color: subtitleColor }}>{subtitle}</Text>
            </View>
        </View>);
};
export default CometChatQuickView;
//# sourceMappingURL=CometChatQuickView.js.map