import { default as React } from 'react'; export interface CheckboxProps { /** Content of `label` element */ label?: string; /** Optionally renders a `ReactNode` in place of the `label` */ renderLabel?: (isChecked: boolean) => React.ReactNode; /** Markdown to use in place of the `label` field */ markdownLabel?: string; /** Change callback invoked when the value of the `input` changes */ onChange?: (e: React.ChangeEvent) => void; /** `id` attribute of `input` */ id?: string | number; /** `name` attribute of `input` */ name?: string; /** * ⚠️ DEPRECATED * * Uncontrolled Checkbox props will be removed in a future release. * Use `checked` instead to use Checkbox as a fully controlled input. */ defaultChecked?: boolean; /** Sets the checkbox checked value */ checked?: boolean; /** * Checkbox renders in * [indeterminate state](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes) * when `true`. */ indeterminate?: boolean; /** @deprecated Use `isDisabled` instead */ disabled?: boolean; /** * Checkbox renders as disabled and ignores click/check events. */ isDisabled?: boolean; /** Sets the `value` attribute of the `input` */ value?: string; /** Sets whether the checkbox has an error. To be used with multiple checkboxes */ hasError?: boolean; /** Text of error message to display under the checkbox */ error?: string; /** Optional value for `data-testid` attribute */ testId?: string; /** * `normal` - visually matches a checkbox input * * `condensed` - like `normal`, but without added top margin when there are multiple checkboxes * * `card` - visually present as a toggleable card */ kind?: "normal" | "condensed" | "card" | "table"; } /** * Narmi styled checkbox with built-in label. */ declare const Checkbox: ({ label, renderLabel, markdownLabel, onChange, id, name, defaultChecked, checked, disabled, isDisabled, indeterminate, value, hasError, error, kind, testId, ...rest }: CheckboxProps) => React.JSX.Element; export default Checkbox; //# sourceMappingURL=index.d.ts.map