import type { ComponentInterface } from '../../stencil-public-runtime';
import type { Color } from '../../interface';
/**
 * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
 * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
 */
export declare class Badge implements ComponentInterface {
    el: HTMLElement;
    /**
     * The color to use from your application's color palette.
     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
     * For more information on colors, see [theming](/docs/theming/basics).
     */
    color?: Color;
    /**
     * Set to `"bold"` for a badge with vibrant, bold colors or to `"subtle"` for
     * a badge with muted, subtle colors.
     *
     * Only applies to the `ionic` theme.
     */
    hue?: 'bold' | 'subtle';
    /**
     * Set to `"rectangular"` for non-rounded corners.
     * Set to `"soft"` for slightly rounded corners.
     * Set to `"round"` for fully rounded corners.
     *
     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
     */
    shape?: 'soft' | 'round | rectangular';
    /**
     * Set to `"small"` for a small badge.
     * Set to `"medium"` for a medium badge.
     * Set to `"large"` for a large badge, when it is empty (no text or icon).
     *
     * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * Set to `"top"` to position the badge on top right absolute position of the parent element.
     * Set to `"bottom"` to position the badge on bottom right absolute position of the parent element.
     */
    vertical?: 'top' | 'bottom';
    private getShape;
    private getSize;
    private getHue;
    render(): any;
}
