import * as React from 'react';
import { HTMLProps } from 'react';
import { ComponentSync } from '../../core/ComponentSync.js';
import './TS_Checkbox.scss';
import { ComponentProps_Error } from '../types.js';
import { SubsetKeys, TS_Object } from '@nu-art/ts-common';
import { UIProps_EditableItem } from '../../utils/EditableItem.js';
type TemplatingProps_TS_Checkbox = ComponentProps_Error & Omit<HTMLProps<HTMLDivElement>, 'ref'> & {
    disabled?: boolean;
    rounded?: boolean;
    checked?: boolean;
    icon?: React.ReactNode;
};
export type Props_Checkbox = TemplatingProps_TS_Checkbox & React.PropsWithChildren<{
    id?: string;
    onCheck?: (checked: boolean, e: React.MouseEvent<HTMLDivElement>) => void;
}>;
export type EditableItemProps_TS_Checkbox<T extends TS_Object & {
    [k in K]?: any;
}, K extends SubsetKeys<keyof T, T, boolean | undefined>> = Omit<Props_Checkbox, 'checked'> & UIProps_EditableItem<T, K, boolean | undefined> & {
    checked?: boolean;
    onCheck?: (value: boolean, e: React.MouseEvent<HTMLDivElement>) => void;
};
type State_Checkbox = {
    checked: boolean;
    disabled?: boolean;
    className?: string;
};
/**
 * Checkbox made simple..
 *
 * <b>SCSS:</b>
 * ```scss
 * .ts-checkbox ts-checkbox__checked/ts-checkbox__unchecked ts-checkbox__disabled ts-checkbox__rounded {
 * 	 .ts-checkbox__inner ts-checkbox__checked/ts-checkbox__unchecked ts-checkbox__disabled ts-checkbox__rounded {
 *
 * 	 }
 * }
 * ```
 */
export declare class TS_Checkbox extends ComponentSync<Props_Checkbox, State_Checkbox> {
    static readonly editable: (templateProps: TemplatingProps_TS_Checkbox) => <T extends TS_Object & { [k in K]?: any; }, K extends SubsetKeys<keyof T, T, boolean | undefined>>(props: EditableItemProps_TS_Checkbox<T, K>) => import("react/jsx-runtime").JSX.Element;
    constructor(p: Props_Checkbox);
    protected deriveStateFromProps(nextProps: Props_Checkbox, state: State_Checkbox): State_Checkbox;
    private onCheckboxClick;
    render(): import("react/jsx-runtime").JSX.Element;
}
export {};