import { LucideIcon } from "lucide-react";
import { HTMLAttributes } from "react";
import "./styles.css";
type BadgeProps = HTMLAttributes<HTMLDivElement> & {
    size?: "md" | "lg";
    variant?: "solid" | "outline" | "ghost";
    scheme?: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
    leftIcon?: LucideIcon;
    rightIcon?: LucideIcon;
};
/**
 * Badge component - used to display labels, statuses, and categorizations
 *
 * @param props - Badge component properties
 * @param props.size - Badge size. Default: "lg"
 * @param props.variant - Visual variant of the badge. Default: "ghost"
 * @param props.scheme - Badge color scheme. Default: "primary"
 * @param props.leftIcon - Optional icon to display on the left
 * @param props.rightIcon - Optional icon to display on the right
 *
 * **...Other valid HTML properties for div**
 *
 * @returns Badge JSX element
 *
 * @example
 * ```tsx
 * // Basic badge
 * <Badge>New</Badge>
 *
 * // Badge with color scheme
 * <Badge scheme="success">Approved</Badge>
 *
 * // Badge with icons
 * <Badge leftIcon={CheckIcon} scheme="success">
 *  Completed
 * </Badge>
 *
 * // Custom badge
 * <Badge
 *  size="lg"
 *  variant="solid"
 *  scheme="warning"
 *  rightIcon={AlertIcon}
 * >
 *  Warning
 * </Badge>
 * ```
 */
declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
export { Badge };
//# sourceMappingURL=index.d.ts.map