import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
import { OverrideStyleConfig } from '@pv-frontend/pv-shared-components/common/types';
import * as i0 from "@angular/core";
export interface CountdownStylesOverrideConfig {
    container?: OverrideStyleConfig;
    countdownContainer?: OverrideStyleConfig;
    textAfterButtonStyle?: OverrideStyleConfig;
    textBefore?: OverrideStyleConfig;
    countDownValue?: OverrideStyleConfig;
    resendOtpIconStyle?: OverrideStyleConfig;
}
export declare class CountdownComponent implements OnInit, OnDestroy {
    countdownValue: number;
    private countdownSubscription;
    buttonStyle: OverrideStyleConfig;
    timeInSeconds?: number | null;
    date?: Date | null;
    textBefore: string;
    textAfter: string;
    showZeroMinutes: boolean;
    showZeroHours: boolean;
    /**
     * Indicates whether to show a suffix for the value.
     * If set to `true`, a suffix will be appended to the displayed value like 2d 2h 30m 20s.
     */
    showSuffix?: boolean;
    /**
     * For some use cases, even after the button click you may want to restart the countdown
     * Ex - When sending OTP, we always restart counter as customer might not be getting OTP
     */
    restartCounter?: boolean;
    style?: CountdownStylesOverrideConfig;
    timeoutEmitter: EventEmitter<void>;
    /**
     * To show resend icon before the textAfter & textBefore
     */
    resendOtpIconName?: string;
    /**
     * To show resend icon before the textAfter & textBefore, when using name attribute & if the assets is not available. We will be using url attribute of svg.
     */
    resendOtpIconUrl?: string;
    ngOnInit(): void;
    startCountdown(): void;
    stopCountdown(): void;
    handleClick(): void;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<CountdownComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<CountdownComponent, "pv-countdown", never, { "timeInSeconds": { "alias": "timeInSeconds"; "required": false; }; "date": { "alias": "date"; "required": false; }; "textBefore": { "alias": "textBefore"; "required": false; }; "textAfter": { "alias": "textAfter"; "required": false; }; "showZeroMinutes": { "alias": "showZeroMinutes"; "required": false; }; "showZeroHours": { "alias": "showZeroHours"; "required": false; }; "showSuffix": { "alias": "showSuffix"; "required": false; }; "restartCounter": { "alias": "restartCounter"; "required": false; }; "style": { "alias": "style"; "required": false; }; "resendOtpIconName": { "alias": "resendOtpIconName"; "required": false; }; "resendOtpIconUrl": { "alias": "resendOtpIconUrl"; "required": false; }; }, { "timeoutEmitter": "timeoutEmitter"; }, never, never, false, never>;
}
//# sourceMappingURL=countdown.component.d.ts.map