import type { SkfIcon } from '@components/icon/icon.component.js';
import '@components/icon/icon.js';
import { SkfElement } from '@internal/components/skf-element.js';
import type { SeverityFgColor } from '@skf-design-system/ui-assets';
import { type CSSResultGroup } from 'lit';
/**
 * The `<skf-alert>` is a type of notification that appears in-line
 *
 * @documentation See [InVision DSM](https://skf.invisionapp.com/dsm/ab-skf/4-web-applications/nav/5fa7caf78c01200018354495/asset/6229d63d9fe16020a60657e5) for design principles
 *
 * @event skf-alert-close - Fires when the close button is clicked
 *
 * @slot - Alert message. **Notice!** See design principles for approved content
 * @slot link - lodjvodjvodjo
 *
 * @tagname skf-alert
 */
export declare class SkfAlert extends SkfElement {
    static styles: CSSResultGroup;
    /** If true, alert is being used as a toast with an close button */
    closeable?: boolean;
    /** Close button aria-label */
    buttonLabel: string;
    /** If defined, displays leading icon */
    icon?: SkfIcon['name'];
    /** If defined, gives the supplied appearance */
    severity?: SeverityFgColor;
    /** @internal */
    private _handleClose;
    render(): import("lit").TemplateResult<1>;
}