import { Cre8Element } from '../cre8-element';
import '../icon/icon';
/**
 * In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,
 * use an in-line contextual alert message as the least "severe" message type.
 * These can be displayed anywhere on the page, but should never cover content.
 * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.
 *
 * @slot - The component content
 */
export declare class Cre8InlineAlert extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     *  DEPRECATED: Icon name used for the icon before to the field note
     * @deprecated
    */
    iconName?: string;
    /**
     * Full width Inline Alert
     * @attr {boolean}
     */
    fullWidth?: boolean;
    /**
     * Icon title used for the icon alt text
     */
    iconTitle?: string;
    /**
     * Variant
     * - **subtle** (default) renders an alert message in a padded container with a with a border and background color
     * - **transparent** renders an alert message with no padded container, border, or background color
     */
    variant: 'transparent' | 'subtle';
    /**
     * Status
     * - **default** renders an inline alert with the brand colors
     * - **error** renders an inline alert with an error state
     * - **warning** renders an inline alert with a warning state
     * - **success** renders an inline alert with a success state
     * - **attention** renders an inline alert with an attention state
     * - **neutral** renders an inline alert with a nuetral state
     */
    status?: 'error' | 'warning' | 'success' | 'attention' | 'neutral' | 'help' | 'info';
    private mapStatusToIconInlineAlert;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-inline-alert': Cre8InlineAlert;
    }
}
export default Cre8InlineAlert;
//# sourceMappingURL=inline-alert.d.ts.map