import { ReactNode } from 'react';
export type CountdownProps = {
    "data-testid"?: string;
    "aria-label": string;
    className?: string;
    label?: string;
    size: "md" | "lg";
    variant: "primary" | "secondary";
    fullWidth?: boolean;
    showDays?: boolean;
    negative?: boolean;
    useMediaQueries?: boolean;
    /**
     * Start time of the countdown. Can be a Date object or a timestamp in milliseconds.
     */
    starttime: Date | number;
    /**
     * End time of the countdown. Can be a Date object or a timestamp in milliseconds.
     */
    endtime: Date | number;
    /**
     * Render a custom element before the countdown starts.
     */
    renderBeforeStart?: (props: Omit<CountdownProps, "renderBeforeStart" | "renderAfterEnd">) => ReactNode;
    /**
     * Render a custom element after the countdown ends.
     */
    renderAfterEnd?: (props: Omit<CountdownProps, "renderBeforeStart" | "renderAfterEnd">) => ReactNode;
    /**
     * Copy for the countdown labels.
     * Used to customize the text displayed for each time unit.
     * Optional abbreviated versions (e.g., `minutesAbbr`, `secondsAbbr`) can be provided and will fall back to their full versions if not specified.
     */
    counterLabels: CounterLabels;
};
export type CounterLabels = {
    days: string;
    hours: string;
    minutes: string;
    seconds: string;
    daysAbbr?: string;
    hoursAbbr?: string;
    minutesAbbr?: string;
    secondsAbbr?: string;
};
//# sourceMappingURL=countdown.types.d.ts.map