import { nothing } from "lit"; import SgdsElement from "../../base/sgds-element"; import SgdsCloseButton from "../CloseButton/sgds-close-button"; import SgdsIcon from "../Icon/sgds-icon"; export type AlertVariant = "info" | "success" | "danger" | "warning" | "neutral"; /** * @summary Alerts provide short, timely, and relevant information for your users. It can be a simple text message or customised HTML content with paragraphs, headings and links. * * @slot default - The alert's main content. * @slot icon - An icon to show in the alert. Pass in sgds-icon size="md" elements. * @slot action - An action button or link to show in the alert. * * @event sgds-show - Emitted when the alert appears. * @event sgds-hide - Emitted after the alert closes. * */ export declare class SgdsAlert extends SgdsElement { static styles: import("lit").CSSResult[]; /**@internal */ static dependencies: { "sgds-close-button": typeof SgdsCloseButton; "sgds-icon": typeof SgdsIcon; }; /** Controls the appearance of the alert */ show: boolean; /** Enables a close button that allows the user to dismiss the alert. */ dismissible: boolean; /** The alert's theme variant. */ variant: AlertVariant; /** Controls the alert visual between a lighter outline and a solid darker variant. */ outlined: boolean; /** The title of the alert. Only text is allowed */ title: string; /** Closes the alert */ close(): void; /**@internal */ _handleShowChange(): void; render(): import("lit").TemplateResult | typeof nothing; } export default SgdsAlert;