import { PropType } from 'vue';
import { ElementData } from '../../defaultProps';
import '../../assets/css/countdown.css';
declare const _default: import("vue").DefineComponent<{
    element: {
        type: PropType<ElementData>;
        required: true;
    };
}, {
    days: import("vue").Ref<number>;
    day: import("vue").ComputedRef<"Day" | "วัน">;
    hours: import("vue").Ref<number>;
    hour: import("vue").ComputedRef<"Hour" | "ชั่วโมง">;
    minutes: import("vue").Ref<number>;
    minute: import("vue").ComputedRef<"Minute" | "นาที">;
    seconds: import("vue").Ref<number>;
    second: import("vue").ComputedRef<"Second" | "วินาที">;
    currentDaysLeft: import("vue").Ref<number>;
    currentDaysRight: import("vue").Ref<number>;
    nextDaysLeft: import("vue").Ref<number>;
    nextDaysRight: import("vue").Ref<number>;
    currentHoursLeft: import("vue").Ref<number>;
    currentHoursRight: import("vue").Ref<number>;
    nextHoursLeft: import("vue").Ref<number>;
    nextHoursRight: import("vue").Ref<number>;
    currentMinutesLeft: import("vue").Ref<number>;
    currentMinutesRight: import("vue").Ref<number>;
    nextMinutesLeft: import("vue").Ref<number>;
    nextMinutesRight: import("vue").Ref<number>;
    currentSecondsLeft: import("vue").Ref<number>;
    currentSecondsRight: import("vue").Ref<number>;
    nextSecondsLeft: import("vue").Ref<number>;
    nextSecondsRight: import("vue").Ref<number>;
    formattedTime: import("vue").ComputedRef<string>;
    containerStyle: import("vue").ComputedRef<{
        position: any;
        left: string;
        top: string;
        width: string;
        height: string;
        transform: string;
        opacity: number | undefined;
    }>;
    textContainerStyle: import("vue").ComputedRef<{
        transform: string;
        borderColor: string | undefined;
        borderRadius: string;
        borderStyle: string | undefined;
        borderWidth: string;
    }>;
    textContentStyle: import("vue").ComputedRef<{
        opacity: number | undefined;
        fontSize: string;
        color: string | undefined;
        textAlign: string | undefined;
    }>;
    flipStyle: import("vue").ComputedRef<{
        transform: string;
        opacity: number | undefined;
        flexDirection: string;
        alignItems: boolean;
    }>;
    comStyle: import("vue").ComputedRef<{
        borderColor: string | undefined;
        borderStyle: string | undefined;
        borderWidth: string;
        borderRadius: string;
        backgroundColor: string | undefined;
        margin: string;
    }>;
    numStyle: import("vue").ComputedRef<{
        color: string | undefined;
        fontSize: string;
    }>;
    textStyle: import("vue").ComputedRef<{
        color: string | undefined;
    }>;
    separatorStyle: import("vue").ComputedRef<{
        color: string | undefined;
        fontSize: string;
    }>;
    aniWrapStyle: import("vue").ComputedRef<{
        borderRadius: string;
        borderColor: string | undefined;
        borderStyle: string | undefined;
        borderWidth: string;
        animation: string | undefined;
    }>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    element: {
        type: PropType<ElementData>;
        required: true;
    };
}>>, {}, {}>;
export default _default;