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

declare const toggle: {
    classnames: {
        toggle: RuntimeFn<{
            size: {
                large: {
                    ":before": {
                        width: "1.5rem";
                        height: "1.5rem";
                    };
                    ":after": {
                        top: "-.3125rem";
                        left: "-.3125rem";
                        height: "2.75rem";
                        width: "2.75rem";
                    };
                };
                small: {
                    ":before": {
                        width: "1rem";
                        height: "1rem";
                    };
                    ":after": {
                        top: "-.4375rem";
                        left: "-.5rem";
                        height: "2.5rem";
                        width: "2.5rem";
                    };
                };
            };
            error: {
                true: {
                    ":before": {
                        backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    };
                    selectors: {
                        "&:has(input:checked):before": {
                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        };
                    };
                };
            };
        }>;
        input: string;
        slider: RuntimeFn<{
            size: {
                large: {
                    width: "3.25rem";
                    height: "2rem";
                    ":after": {
                        content: "";
                    };
                };
                small: {
                    width: "2.75rem";
                    height: "1.5rem";
                };
            };
            error: {
                true: {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                    borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                    "&[aria-disabled='true']": {
                        backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                        borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                    };
                };
            };
        }>;
        unchecked: RuntimeFn<{
            size: {
                large: {
                    left: "1rem";
                    height: "1.5rem";
                    width: "1.5rem";
                    borderRadius: "0.75rem";
                };
                small: {
                    left: "0.75rem";
                    width: "1rem";
                    height: "1rem";
                    borderRadius: "0.5rem";
                };
            };
        }>;
        checked: RuntimeFn<{
            size: {
                large: {
                    left: "2.25rem";
                    height: "1.5rem";
                    width: "1.5rem";
                    borderRadius: "0.75rem";
                };
                small: {
                    left: "2rem";
                    width: "1rem";
                    height: "1rem";
                    borderRadius: "0.5rem";
                };
            };
        }>;
    };
};

export { toggle };