import { DeepPartial, IconComponent } from "..";
import type { ThemeColors, Sizes } from "../Flowbite/FlowbiteTheme";
import { Component, ComponentProps, ParentProps } from "solid-js";
export interface BadgeTheme {
    root: BadgeRootTheme;
    icon: BadgeIconTheme;
}
export interface BadgeRootTheme {
    base: string;
    color: BadgeColors;
    href: string;
    size: BadgeSizes;
}
export interface BadgeIconTheme {
    off: string;
    on: string;
    size: BadgeSizes;
}
export interface BadgeColors extends Pick<ThemeColors, "failure" | "gray" | "indigo" | "info" | "pink" | "purple" | "success"> {
    [key: string]: string;
}
export interface BadgeSizes extends Pick<Sizes, "xs" | "sm"> {
    [key: string]: string;
}
export interface BadgeProps extends ParentProps<Omit<ComponentProps<"span">, "color">> {
    color?: keyof BadgeColors;
    href?: string;
    icon?: IconComponent;
    size?: keyof BadgeSizes;
    theme?: DeepPartial<BadgeTheme>;
}
export declare const Badge: Component<BadgeProps>;