import { Property } from 'csstype';
import { ReactNode } from 'react';
import { InferComponentProps } from './types.js';
declare const sizeVariants: {
    readonly sm: {
        readonly checkRight: "7px";
        readonly checkBottom: "7.5px";
        readonly checkboxSize: "20px";
        readonly thickness: "2.5px";
    };
    readonly md: {
        readonly checkRight: "8px";
        readonly checkBottom: "9px";
        readonly checkboxSize: "24px";
        readonly thickness: "3px";
    };
};
type SizeVarientKey = keyof typeof sizeVariants;
declare const StyledCheckbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    type: "checkbox";
} & {
    isInvalid?: boolean | undefined;
}, "type">;
type CheckboxProps = InferComponentProps<typeof StyledCheckbox> & {
    asideContent?: ReactNode;
    label?: ReactNode;
    checkedBackgroundColor?: Property.BackgroundColor;
    hasBorder?: boolean;
    hasSpaceForErrors?: boolean;
    errors?: string[];
    size?: SizeVarientKey;
};
export declare const Checkbox: import("styled-components").StyledComponent<({ asideContent, label, checked, checkedBackgroundColor, disabled, className, hasBorder, hasSpaceForErrors, errors, size, isInvalid, ...props }: CheckboxProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};