import { Cre8Element } from '../cre8-element';
import '../icon/icon';
export declare enum Shape {
    Round = "round",
    Square = "square"
}
export declare enum Color {
    Neutral = "neutral",
    Branded = "branded",
    NeutralHybrid = "neutral-hybrid"
}
/**
 * Clicking a Remove Tag causes it to disappear from the page or field (in the case of Multi-Select).
 * These tags always display a "Close" icon.
 */
export declare class Cre8RemoveTag extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * The tag text
     */
    text?: string;
    /**
     * The tag color scheme
     *
     *  - **neutral** should be used when doing non-link actions such as filters or multi-select, within forms, etc.
     *  - **neutral-hybrid** should be used for when tags are doing an action like a button or a link
     *  - **branded** should be used like Neutral, but for marketing / actionable items
     */
    color: Color.Neutral | Color.Branded | Color.NeutralHybrid;
    /**
     * The tag shape
     *
     * - **round** will give the tag a rounded border
     * - **square** will give the tag a squared border
     */
    shape: Shape.Round | Shape.Square;
    /**
     * Disabled state for remove tag
     */
    disabled?: boolean;
    /**
     * Dispatches an event when the tag is clicked
     */
    private _handleRemoveTagClicked;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-remove-tag': Cre8RemoveTag;
    }
}
export default Cre8RemoveTag;
//# sourceMappingURL=remove-tag.d.ts.map