import { CSSResultGroup, TemplateResult } from 'lit';
import '../fp-icon/fp-icon';
import FinproElement from '../../internals/finpro-element';
export declare type BadgeSize = 'small' | 'medium' | 'large';
/**
 * @tag fp-badge
 * @summary Finpro Badge component
 *
 * @cssproperty --fp-badge-bg-color - Sets the background color of badge. Default value is `--fp-color-accent-primary-background`
 * @cssproperty --fp-badge-color - Sets the color of badge. Default value is `--fp-color-primary`
 */
export default class FpBadge extends FinproElement {
    static get styles(): CSSResultGroup;
    /**
     * Sets the badge size
     */
    size: BadgeSize;
    /**
     * Sets the name of the icon
     */
    icon?: string;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'fp-badge': FpBadge;
    }
}
//# sourceMappingURL=fp-badge.d.ts.map