import { DDSElement } from "../../base/index.cjs"; import { ToastNotificationVariantProps } from "../toast-notification/index.cjs"; /** * > **EXPERIMENTAL:** \ * > This component is experimental and may change or be removed in future releases. * * The inline notification component is a UI element used to inform users about important updates, alerts, or messages within an application. * * An inline notification appears within the content of the application, usually embedded directly within a page or section. * Inline notification is more persistent than toast notification and are used to highlight important information or status updates that should remain visible to the user until they are acknowledged or the issue is resolved. * * @tokenImports ../../utils/notification-common.ts * * @fires close - A custom event emitted when a user clicks the close button. * * @slot A slot for the inline notification description content. * @slot title - A slot for the title content. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/inline-notification/index.js"; * ``` * * ```html * * InlineNotification title * InlineNotification description * * ``` */ export declare class DaikinInlineNotification extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Status of the notification. * * @default "positive" */ status: ToastNotificationVariantProps["status"]; /** * Specify how to arrange the elements. * * @default "horizontal" */ 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; /** * Emits a "close" event and sets `this.hidden` to true. */ private _handleClickClose; render(): import('lit-html').TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { "daikin-inline-notification": DaikinInlineNotification; } }