import { CheckboxRootProps } from '@ark-ui/react';
import { RecipeVariantProps } from '../../../styled-system/css';
export declare const checkboxIconCss: {
    flexShrink: number;
    cursor: string;
    ".group:has(:focus-visible) &": {
        outlineStyle: string;
        outlineOffset: string;
        outlineWidth: string;
        outlineColor: string;
        borderRadius: string;
    };
    _disabled: {
        _checked: {
            "& svg": {
                color: string;
            };
            "& .checkmark": {
                color: string;
            };
        };
    };
};
export declare const checkboxCheckedIconCss: {
    width: number;
    height: number;
    color: string;
    "& .checkmark": {
        color: string;
    };
};
export declare const checkboxUncheckedIconCss: {
    width: number;
    height: number;
    color: string;
    _disabled: {
        color: string;
    };
};
export declare const CheckBoxStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"root" | "itemControl" | "checkedIcon" | "uncheckedIcon" | "itemTextGroup" | "itemText" | "helperText", import('../../../styled-system/types').SlotRecipeVariantRecord<"root" | "itemControl" | "checkedIcon" | "uncheckedIcon" | "itemTextGroup" | "itemText" | "helperText">>;
type CheckBoxItemProps = {
    label: string;
    helperText?: string;
};
export type CheckBoxProps = CheckboxRootProps & RecipeVariantProps<typeof CheckBoxStyle> & CheckBoxItemProps;
export declare const CheckBox: React.FC<CheckBoxProps>;
export {};