import Tailwind from '../base/tailwind-base';
export default class PlusBadge extends Tailwind {
    static styles: import("lit").CSSResult[];
    /**
     * Sets the status/color variant of the badge
     * - default: Neutral color scheme
     * - primary: Brand color scheme
     * - success: Green color scheme
     * - warning: Yellow color scheme
     * - danger: Red color scheme
     * - info: Blue color scheme
     * @default 'default'
     */
    status: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
    /**
     * Sets the size of the badge
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /**
     * Sets the position of the badge relative to its content
     * - top-right: Top right corner
     * - top-left: Top left corner
     * - bottom-right: Bottom right corner
     * - bottom-left: Bottom left corner
     * - '': No specific position
     * @default 'top-right'
     */
    orientation: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | '';
    /**
     * Sets the offset of the badge from its default position
     * Format: "x,y" where x and y can be any valid CSS length value
     * Example: "10px,5px" or "-5px,-10px"
     */
    offset: [string, string];
    /**
     * Sets the content of the badge
     * If not provided, the badge will be displayed as a dot
     */
    content?: string;
    hasSlot: boolean;
    private handleSlotChange;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusBadge };
//# sourceMappingURL=badge.d.ts.map