import { type FC, type ReactNode } from "react";
import { type IconKey } from "../Icons/types/IconProps.type";
type Props = {
    title: ReactNode;
    subtitle?: ReactNode;
    /**
     * @deprecated use leadingIcon instead.
     */
    icon?: {
        url: string;
        iconKey?: never;
    } | {
        iconKey: IconKey;
        url?: never;
    };
    /**
     * The icon to render on the leading side of the card
     */
    leadingIcon?: ReactNode;
    /**
     * The icon to render on the trailing side of the card
     */
    trailingIcon?: ReactNode;
    /**
     * Copy to display the status of the card
     */
    statusText?: string;
    /**
     * The state of the card, options are:
     * - default
     * - highlighted
     * - bold
     * @default "default"
     *
     * @deprecated use variant instead
     */
    state?: "default" | "highlighted" | "bold";
    /**
     * The variant to present
     */
    variant?: "default" | "highlighted" | "bold";
    /**
     * Indicates wether to present the loading state
     *
     * @default false
     */
    isLoading?: boolean;
    disabled?: boolean;
    onClick?: () => void;
};
export declare const TimelineCard: FC<Props>;
export {};