import { DDSElement } from "../../base/index.cjs";
import { MergeVariantProps } from "../../type-utils.cjs";
import { cvaTimestamp } from "../../utils/notification-common.cjs";
export type ToastNotificationVariantProps = MergeVariantProps<typeof cvaContainer | typeof cvaContent | typeof cvaTimestamp>;
declare const cvaContainer: (props?: ({
    status?: "negative" | "alarm" | "warning" | "positive" | "information" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
declare const cvaContent: (props?: ({
    layout?: "vertical" | "horizontal" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
 * The toast notification component is a UI element used to inform users about important updates, alerts, or messages within an application.
 *
 * Toast notification displays a brief message that should appear temporarily at the edge of the screen, typically in the bottom or top corner.
 * Toast notification is ideal for conveying transient information that does not require user interaction, such as success messages, warnings, or alerts.
 *
 * Hierarchy:
 * - `daikin-toast-notification-manager` > `daikin-toast-notification`
 *
 * @tokenImports ../../utils/notification-common.ts
 *
 * @fires close - A custom event emitted when a user clicks the close button.
 *
 * @slot A slot for the toast notification description content.
 * @slot title - A slot for the toast notification title content.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/toast-notification/index.js";
 * ```
 *
 * ```html
 * <daikin-toast-notification>
 *   <span slot="title">ToastNotification title</span>
 *   <span slot="description">ToastNotification description</span>
 * </daikin-toast-notification>
 * ```
 */
export declare class DaikinToastNotification extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Name of the toast notification.
     */
    name: string;
    /**
     * Status of the toast notification.
     *
     * @default "positive"
     */
    status: ToastNotificationVariantProps["status"];
    /**
     * Specify how to arrange the elements.
     * In `horizontal` layout, text that overflows the container is truncated. To resolve this, use `vertical` layout, shorten the text, or customize the CSS to allow scrolling or wrapping.
     */
    layout: ToastNotificationVariantProps["layout"];
    /**
     * Whether to display the close button.
     */
    closable: boolean;
    /**
     * The timestamp to display. Accepts a Date object and displays it in YYYY/MM/DD format.
     *
     * @example
     * element.timestamp = new Date();
     */
    timestamp: Date | null;
    /**
     * Specify how long to display the toast (in msec).
     * If `null` is specified, the toast will not be automatically closed.
     */
    duration: number | null;
    /**
     * Emits a "close" event.
     */
    private _handleClickClose;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-toast-notification": DaikinToastNotification;
    }
}
export {};