import '../button/button';
import '../link/link';
import '../heading/heading';
import '../text-passage/text-passage';
import '../icon/icon';
import { Cre8Element } from '../cre8-element';
/**
 * The general purpose of an alert or notification is to draw the user’s attention
 * and provide the user with timely, relevant information.
 *
 * ## Alert Styles:
 * - There are 6 statuses for 6 types of alerts: 'error', 'info', 'notification', 'neutral', 'warning', 'success'.
 * Each alert will have different icon to be displayed in the alert.
 * - Users can select two types of alert variants: 'standalone', or 'banner'.
 * - User can also choose the alert should be emphasized or not. There are two options: subtle or strong.
 * - User can add button or link in the alert.
 * If users choose to emphasize the alert (**strong**), user needs to used **"inverted"** prop in button or link.
 * - User can choose whether the alert can be dismissed or not
 *
 */
export declare class Cre8Alert extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /** The alert type. */
    status?: 'error' | 'info' | 'notification' | 'neutral' | 'warning' | 'success';
    /** The alert variant. */
    variant: 'standalone' | 'banner';
    emphasis: 'subtle' | 'strong';
    iconAlert: string;
    /**
     * Icon title used for the icon alt text
     */
    iconTitle?: string;
    headerText: string;
    ctaBody: string;
    /**
     * Dismissed property
     * 1) State that changes to true and is removed when the banner is dismissed
     */
    dismissed?: boolean;
    /**
     * Dismissable property
     * 1) Adds the ability to close when toggled to true
     */
    notDismissible?: boolean;
    /**
     * On banner dismiss
     * 1) Function that toggles dismissed to true and removes the banner from the UI
     */
    onDismiss(): void;
    private checkEmphasisAlert;
    private mapStatusToIconAlert;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-alert': Cre8Alert;
    }
}
export default Cre8Alert;
//# sourceMappingURL=alert.d.ts.map