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

declare const selectStyles: {
    select: RuntimeFn<{
        /**
         * Determines the visual style of the input, affecting its border
         */
        appearance: {
            success: {
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                ":hover": {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ":focus": {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ":active": {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            error: {
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                ":hover": {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ":focus": {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
                ":active": {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
        };
        /**
         * Specifies the size of the badge, controlling its dimensions.
         */
        size: {
            large: {
                height: "3rem";
            };
            medium: {
                height: "2.5rem";
            };
            small: {
                height: "2rem";
                padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
            };
        };
    }>;
    list: string;
    close: string;
};

export { selectStyles };