@navinc/base-react-components/cjs/checkbox.d.ts

Nav's Pattern Library

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";
    };
};
declare type SizeVarientKey = keyof typeof sizeVariants;
declare const StyledCheckbox: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    type: "checkbox";
} & {
    isInvalid: boolean | undefined;
}, "type">;
declare type CheckboxProps = InferComponentProps<typeof StyledCheckbox> & {
    asideContent?: ReactNode;
    label?: ReactNode;
    checkedBackgroundColor?: Property.BackgroundColor;
    hasBorder?: boolean;
    hasSpaceForErrors?: boolean;
    errors?: string[];
    size?: SizeVarientKey;
};
declare const _default: 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 default _default;