/** * Copyright Aquera Inc 2023 * * This source code is licensed under the BSD-3-Clause license found in the * LICENSE file in the root directory of this source tree. */ import { TemplateResult } from 'lit'; import '../nile-icon-button/nile-icon-button'; import NileElement from '../internal/nile-element'; import type { CSSResultGroup } from 'lit'; /** * Nile icon component. * * @tag nile-badge * */ /** * @summary badges are used as labels to organize things or to indicate a selection. * @status stable * * @dependency nile-icon-button * * @slot - The badge's content. * * @event nile-remove - Emitted when the remove button is activated. * * @csspart base - The component's base wrapper. * @csspart content - The badge's content. * @csspart remove-button - The badge's remove button, an ``. * @csspart remove-button__base - The remove button's exported `base` part. */ export declare class NileBadge extends NileElement { static styles: CSSResultGroup; connectedCallback(): void; /** The badge's theme variant. */ variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info' | 'gray' | 'brand' | 'blue-light' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange' | 'blue-gray' | 'gray-blue'; /** Draws a pill-style badge with rounded edges. */ rounded: boolean; pilltype: 'pill-color' | 'pill-outline' | 'badge-color'; render(): TemplateResult<1>; } export default NileBadge; declare global { interface HTMLElementTagNameMap { 'nile-badge': NileBadge; } }