import { PharosElement } from '../base/pharos-element'; import type { PropertyValues, TemplateResult, CSSResultArray } from 'lit'; import { PharosIcon } from '../icon/pharos-icon'; import { PharosButton } from '../button/pharos-button'; export type AlertStatus = 'info' | 'success' | 'warning' | 'error'; export declare enum ALERT_ICON { INFO = "info-inverse", ERROR = "exclamation-inverse", SUCCESS = "checkmark-inverse", WARNING = "exclamation-inverse" } declare const PharosAlert_base: typeof PharosElement; /** * Pharos alert component * * @tag pharos-alert * * @slot - Contains the alert message (the default slot). * * @fires pharos-alert-closed - Fires when the alert has closed * * @cssprop {Color} --pharos-alert-color-text-inverse - The inverted text color for messaging in a dark-colored alert * @cssprop {Color} --pharos-alert-color-link-inverse - The inverted text color for links in a dark-colored alert * * @cssprop {Color} --pharos-alert-color-background-info - The background color of an info alert * @cssprop {Color} --pharos-alert-color-icon-info - The fill color for an info alert icon * * @cssprop {Color} --pharos-alert-color-background-success - The background color of an success alert * @cssprop {Color} --pharos-alert-color-icon-success - The fill color for an success alert icon * * @cssprop {Color} --pharos-alert-color-background-warning - The background color of a warning alert * @cssprop {Color} --pharos-alert-color-icon-warning - The fill color for a warning alert icon * * @cssprop {Color} --pharos-alert-color-background-error - The background color of an error alert * @cssprop {Color} --pharos-alert-color-icon-error - The fill color for an error alert icon */ export declare class PharosAlert extends PharosAlert_base { static elementDefinitions: { 'pharos-icon': typeof PharosIcon; 'pharos-button': typeof PharosButton; }; /** * The status to reflect to the user * @attr status */ status: AlertStatus; /** * Indicates if the alert is closable * @attr closable */ closable: boolean; private _allLinks; static get styles(): CSSResultArray; protected update(changedProperties: PropertyValues): void; private _getIcon; private _handleSlotChange; private close; private _renderCloseButton; protected render(): TemplateResult; } export {}; //# sourceMappingURL=pharos-alert.d.ts.map