import { default as React } from 'react';
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
    label?: string;
    icon?: React.ReactNode;
    isOffer?: boolean;
    customColor?: string;
    /**
     * The Custom Attributes Dictionary
     * We use additionalProperties to tell the schema it's a dynamic key-value object
     * @type|complex
     * @schema {"type":"object"}
     */
    customAttributes?: Record<string, string>;
    /** * @type|class
     * @schema [{
     * "key": "Display & Alignment",
     * "prefix": "",
     * "type": "select",
     * "options": [
     * {"key": "inline-flex", "label": "Inline"},
     * {"key": "flex w-fit mr-auto", "label": "Left"},
     * {"key": "flex w-fit mx-auto", "label": "Center"},
     * {"key": "flex w-fit ml-auto", "label": "Right"}
     * ]
     * },{
     * "key": "Size",
     * "prefix": "",
     * "type": "select",
     * "options": [
     * {"key": "px-2 py-0.5 text-[10px] gap-1", "label": "Small"},
     * {"key": "px-2.5 py-1 text-xs gap-1.5", "label": "Medium"},
     * {"key": "px-3.5 py-1.5 text-sm gap-2", "label": "Large"}
     * ]
     * },{
     * "key": "Theme",
     * "prefix": "bg",
     * "type": "select",
     * "options": [
     * {"key": "purple-100 text-purple-800 border-transparent", "label": "Subtle Purple"},
     * {"key": "purple-600 text-white border-purple-600", "label": "Solid Purple"},
     * {"key": "blue-100 text-blue-800 border-transparent", "label": "Subtle Blue"},
     * {"key": "blue-600 text-white border-blue-600", "label": "Solid Blue"},
     * {"key": "transparent text-purple-600 border-purple-600", "label": "Outline Purple"}
     * ]
     * }]
     */
    className?: string;
    onClick?: (event: any) => void;
}
export default function Badge({ label, icon, isOffer, customColor, customAttributes, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;