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

declare const overlayBackgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
declare const checkboxStyles: {
    checkbox: RuntimeFn<{
        /**
         * Specifies whether the checkbox is in error state
         */
        error: {
            true: {
                borderColor: `var(--${string})` | `var(--${string}, ${string})`;
                ":checked": {
                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
        };
        /**
         * Specifies the size of the checkbox
         */
        size: {
            medium: {
                width: "1.25rem";
                height: "1.25rem";
            };
            large: {
                width: "1.5rem";
                height: "1.5rem";
            };
        };
        /**
         * Specifies whether the checkbox is indeterminate state
         */
        indeterminate: {
            true: {
                selectors: {
                    "&:checked:after": {
                        top: number;
                        bottom: number;
                        margin: "auto";
                        height: number;
                        borderLeft: "none";
                        transform: "rotate(0deg)";
                    };
                };
            };
        };
    }>;
    label: RuntimeFn<{
        /**
         * Specifies whether the label is in error state
         */
        error: {
            true: {
                vars: {
                    [overlayBackgroundColor]: `var(--${string})` | `var(--${string}, ${string})`;
                };
            };
        };
    }>;
    container: string;
    overlay: string;
};

export { checkboxStyles };