import { ComponentInterface } from '../../stencil-public-runtime';
/**
 * @component BcmBasicBadge
 * @description A basic badge component that can be used as a status indicator or to highlight content.
 * Supports dot and text variants with different sizes and color options.
 *
 * @example Basic usage
 * <bcm-basic-badge size="medium" color="primary">
 *   New
 * </bcm-basic-badge>
 *
 * @example Dot variant
 * <bcm-basic-badge variant="dot" color="success" />
 */
export declare class BasicBadge implements ComponentInterface {
    /**
     * Determines the size of the badge.
     * @type {'small' | 'medium' | 'large'}
     * @default 'medium'
     */
    size: 'small' | 'medium' | 'large';
    /**
     * Sets the visual variant of the badge.
     * 'dot': Appears as a small dot indicator
     * 'text': Displays content as text
     * @type {'dot' | 'text'}
     * @default 'text'
     */
    variant: 'dot' | 'text';
    /**
     * Defines the color of the badge.
     * Uses system color variables (e.g., 'primary', 'success', 'warning', etc.)
     * @type {string}
     * @optional
     */
    color?: string;
    /**
     * Enables soft color mode for the badge.
     * When true, uses lighter tones and pastel colors.
     * @type {boolean}
     * @default false
     */
    soft: boolean;
    /**
     * Text to be displayed inside the badge.
     * Used when variant is set to 'text'.
     * @type {string}
     * @optional
     */
    text?: string;
    private classes;
    private get badgeStyle();
    render(): any;
}