import type { CSSResultGroup } from 'lit';
import DSAIconButton from '../icon-button/icon-button';
import { ShoelaceElement } from '../../internal/shoelace-element';
/**
 * @summary Banners are used to display key information in a contrasted area with optional actions.
 *
 * @dependency dsa-icon-button
 *
 * @slot - The banner's message content.
 * @slot icon - Optional icon content.
 * @slot action - Optional action content.
 *
 * @event dsa-close - Emitted when the user closes the banner.
 */
export default class DSABanner extends ShoelaceElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'dsa-icon-button': typeof DSAIconButton;
    };
    private readonly hasSlotController;
    private readonly localize;
    closeButton: DSAIconButton | null;
    /** Enables a close button that allows users to dismiss the banner. */
    closable: boolean;
    /** Enables compact mobile layout. */
    mobile: boolean;
    /** Accessible label for the close button. */
    closeLabel: string;
    private handleClose;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-banner': DSABanner;
    }
}