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

declare const radioButton: {
    classnames: {
        radioButton: RuntimeFn<{
            size: {
                small: {
                    width: "1.25rem";
                    minWidth: "1.25rem";
                    height: "1.25rem";
                    minHeight: "1.25rem";
                    ":before": {
                        width: "2rem";
                        height: "2rem";
                    };
                    ":after": {
                        width: ".5rem";
                        height: ".5rem";
                    };
                };
                large: {
                    width: "1.5rem";
                    minWidth: "1.5rem";
                    height: "1.5rem";
                    minHeight: "1.5rem";
                    ":before": {
                        width: "2.75rem";
                        height: "2.75rem";
                    };
                    ":after": {
                        width: ".75rem";
                        height: ".75rem";
                    };
                };
            };
            error: {
                true: {
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    selectors: {
                        "&:has(input:disabled)": {
                            opacity: "50%";
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                        "&:has(input:checked)": {
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                            borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                        "&:has(input:checked):after": {
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                        "&:hover:before": {
                            opacity: number;
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                        "&:active:before": {
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                    };
                };
            };
        }>;
        input: string;
        container: string;
    };
};

export { radioButton };