import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from "@angular/core";
import { Subscription } from "rxjs";
import 'my-cstom-package-lit';
import { AvatarStyle, ListItemStyle } from 'my-cstom-package-lit';
import { DetailsStyle, CallButtonsConfiguration } from "uikit-utils-lerna";
import { CometChatDetailsOption, CometChatDetailsTemplate } from 'uikit-resources-lerna';
import { CometChat } from "@cometchat-pro/chat";
import { CometChatThemeService } from "../../../CometChatTheme.service";
/**
*
* CometChatCallDetailsComponent renders details of user or group.
*
* @version 1.0.0
* @author CometChatTeam
* @copyright © 2022 CometChat Inc.
*
*/
export declare class CometChatCallDetailsComponent implements OnInit, OnChanges {
    private ref;
    private themeService;
    group: CometChat.Group;
    user: CometChat.User;
    title: string;
    closeButtonIconURL: string;
    hideProfile: boolean;
    subtitleView: TemplateRef<any>;
    customProfileView: TemplateRef<any>;
    disableUsersPresence: boolean;
    privateGroupIcon: string;
    protectedGroupIcon: string;
    onError: ((error: any) => void) | null;
    data: CometChatDetailsTemplate[];
    onClose: () => void;
    statusIndicatorStyle: any;
    avatarStyle: AvatarStyle;
    callDetailsStyle: DetailsStyle;
    callButtonsConfiguration: CallButtonsConfiguration;
    listItemStyle: ListItemStyle;
    messagesList: CometChat.Call[];
    loggedInUser: CometChat.User | null;
    ccGroupMemberAdded: Subscription;
    ccGroupMemberJoined: Subscription;
    ccGroupMemberKicked: Subscription;
    ccGroupMemberBanned: Subscription;
    ccOwnershipChanged: Subscription;
    statusColor: any;
    closeButtonStyle: any;
    buttonStyle: any;
    dividerStyle: any;
    getTitleStyle(): {
        textFont: string;
        textColor: string | undefined;
    };
    subtitleText: string;
    userListenerId: string;
    requestBuilder: any;
    limit: number;
    types: string[];
    categories: string[];
    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
    ngOnChanges(changes: SimpleChanges): void;
    removeListener(): void;
    ngOnDestroy(): void;
    ngOnInit(): void;
    /**
     * Compares two dates and sets Date on a a new day
     */
    /**
     * @param  {number} firstDate
     * @param  {number} secondDate
     */
    isDateDifferent(firstDate: number | undefined, secondDate: number | undefined): boolean;
    subscribeToEvents(): void;
    unsubscribeToEvents(): void;
    checkStatusType: () => any;
    updateSubtitle(): void;
    getButtonStyle(option: CometChatDetailsOption): {
        height: string;
        width: string;
        border: string;
        borderRadius: string;
        buttonTextFont: string | undefined;
        buttonTextColor: string | undefined;
        background: string;
    };
    checkGroupType(): string;
    updateUserStatus(user: CometChat.User): void;
    attachListeners(): void;
    getSectionHeaderStyle(): {
        textFont: string;
        textColor: string;
    };
    getCallStatusStyleStyle(): {
        textFont: string;
        textColor: string;
    };
    getDateStyle(): {
        textFont: string;
        textColor: string;
    };
    onCloseClick: () => void;
    onCloseDetails(): void;
    subtitleStyle: () => {
        textFont: string | undefined;
        textColor: string | undefined;
    };
    /**
   * @param  {CometChat.Group} group
   */
    getGroupIcon: (group: CometChat.Group) => string | null | undefined;
    /**
 * @param  {CometChat.Group} group
 */
    getStatusIndicatorColor(group: CometChat.Group): any;
    getTemplateOptions: (template: CometChatDetailsTemplate) => CometChatDetailsOption[];
    getCustomOptionView(option: CometChatDetailsOption): any;
    showDataSectionStyle(template: CometChatDetailsTemplate): {
        textFont: string | undefined;
        textColor: string | undefined;
    };
    setThemeStyle(): void;
    setListItemStyle(): void;
    setAvatarStyle(): void;
    setStatusStyle(): void;
    setDetailsStyle(): void;
    wrapperStyle: () => {
        width: string | undefined;
        height: string | undefined;
        border: string | undefined;
        borderRadius: string | undefined;
        background: string | undefined;
    };
    marginStyle: () => {
        padding: string | undefined;
    };
}