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

declare const statusStyles: {
    status: RuntimeFn<{
        /**
         * Specifies whether the status should take up the full width of its container.
         * This variant is useful when you want to make a status span the entire width of its parent container.
         * @default false
         *
         */
        full: {
            true: {
                width: "100%";
            };
        };
        /**
         * Determines the visual style of the status, influencing its color scheme.
         * @default success
         */
        appearance: {
            success: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            warning: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            danger: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            inverted: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            neutral: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
            info: {
                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                color: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Specifies the size of the badge, controlling its dimensions.
         * @default normal
         */
        size: {
            normal: {
                height: "1.75rem";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
            };
            small: {
                height: "1.5rem";
                fontSize: `var(--${string})` | `var(--${string}, ${string})`;
            };
        };
        /**
         * Specifies the variant of the status
         * @default solid
         */
        variant: {
            solid: {};
            text: {
                backgroundColor: "transparent";
            };
            subdued: {};
        };
    }>;
    dot: RuntimeFn<{
        size: {
            normal: {
                minHeight: ".5rem";
                minWidth: ".5rem";
            };
            small: {
                minHeight: ".25rem";
                minWidth: ".25rem";
            };
        };
    }>;
};

export { statusStyles };