import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const badgeStyles: {
    badge: RuntimeFn<{
        /**
         * Determines the visual style of the badge, influencing its color scheme and appearance.
         * @default brand
         */
        appearance: {
            brand: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            danger: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            success: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            warning: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            info: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            neutral: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            inverted: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Specifies the size of the badge, controlling its dimensions.
         * @default medium
         */
        size: {
            large: {
                padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                height: "3rem";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
            };
            medium: {
                padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                height: "2em";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
            };
            small: {
                padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                height: "1.5rem";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                fontWeight: `var(--${string})` | `var(--${string}, ${string})`;
            };
            dot: {
                height: "0.5rem";
                width: "0.5rem";
            };
        };
        /**
         * Defines the visual variant of the badge, affecting its background style.
         * @default solid
         */
        variant: {
            solid: {};
            outlined: {
                borderWidth: `var(--${string})` | `var(--${string}, ${string})`;
                borderStyle: "solid";
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
    }>;
};

export { badgeStyles };