import { ReactNode, InputHTMLAttributes, ChangeEventHandler, MouseEventHandler } from 'react';
/**
* The `Checkbox` component is a versatile form element that allows users to
* select one or multiple options. It can display states such as checked,
* indeterminate, invalid, and valid, and integrates with a checkbox group context
* for collective state management. This component supports labels, icons,
* error/success indicators, and custom event handlers.
* @see https://cloudoperators.github.io/juno/?path=/docs/forms-checkbox-checkbox--docs
* @see {@link CheckboxProps}
*/
export declare const Checkbox: ({ checked, className, disabled, errortext, helptext, id, indeterminate, invalid, label, name, onChange, onClick, required, successtext, valid, value, wrapperClassName, ...props }: CheckboxProps) => ReactNode;
export interface CheckboxProps extends Omit, "value"> {
/**
* Specifies if the Checkbox is checked.
* @default false
*/
checked?: boolean;
/**
* Custom CSS class forwarded to the native checkbox input.
* @default ""
*/
className?: string;
/**
* Specifies if the Checkbox is disabled.
* @default false
*/
disabled?: boolean;
/**
* Text to display when the Checkbox has an error.
*/
errortext?: ReactNode;
/**
* Help text explaining the significance of the Checkbox.
*/
helptext?: ReactNode;
/**
* The ID of the Checkbox. Auto-generated if not provided.
*/
id?: string;
/**
* Specifies if the Checkbox is in an indeterminate state; used for mixed states.
* @default false
*/
indeterminate?: boolean;
/**
* Indicates whether the Checkbox validation failed.
* @default false
*/
invalid?: boolean;
/**
* The label text for the Checkbox.
*/
label?: string;
/**
* The name attribute of the Checkbox.
*/
name?: string;
/**
* Event handler for change events on the Checkbox.
*/
onChange?: ChangeEventHandler;
/**
* Event handler for click events on the Checkbox.
*/
onClick?: MouseEventHandler;
/**
* Specifies if the Checkbox is required for form validation.
* @default false
*/
required?: boolean;
/**
* Text to display when the Checkbox passes validation.
*/
successtext?: ReactNode;
/**
* Indicates whether the Checkbox validation succeeded.
* @default false
*/
valid?: boolean;
/**
* The value attribute of the Checkbox.
*/
value?: string;
/**
* Custom CSS class for styling the outer wrapper element.
* @default ""
*/
wrapperClassName?: string;
}
//# sourceMappingURL=Checkbox.component.d.ts.map