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

declare const button: {
    classnames: {
        button: RuntimeFn<{
            full: {
                true: {
                    width: "100%";
                };
            };
            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})`;
                };
                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})`;
                };
            };
            size: {
                large: {
                    gap: `var(--${string})` | `var(--${string}, ${string})`;
                    padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                    height: "3rem";
                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                };
                medium: {
                    gap: `var(--${string})` | `var(--${string}, ${string})`;
                    padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                    height: "2.5rem";
                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                };
                small: {
                    gap: `var(--${string})` | `var(--${string}, ${string})`;
                    padding: `0 var(--${string})` | `0 var(--${string}, ${string})`;
                    height: "2rem";
                    fontSize: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
            variant: {
                solid: {
                    selectors: {
                        "&:hover:after": {
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                        "&:active:after": {
                            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                    };
                };
                outlined: {
                    backgroundColor: "transparent";
                };
                text: {
                    backgroundColor: "transparent";
                    textDecoration: "underline";
                    borderColor: "transparent";
                };
                tonal: {
                    borderColor: "transparent";
                };
            };
        }>;
    };
};

export { button };