import React from 'react';
import { OcBaseProps } from '../OcBase';
import { ConfigContextProps, OcThemeName, Size } from '../ConfigProvider';
export declare type CheckboxValueType = string | number;
export declare enum LabelPosition {
    End = "end",
    Start = "start"
}
export declare enum LabelAlign {
    Start = "start",
    Center = "center",
    End = "end"
}
export declare enum SelectorSize {
    Flex = "flex",
    Large = "large",
    Medium = "medium",
    Small = "small"
}
export declare enum SelectorWidth {
    fitContent = "fitContent",
    fill = "fill"
}
export declare enum SelectorVariant {
    Default = "default",
    Pill = "pill"
}
export interface CheckboxProps extends OcBaseProps<HTMLInputElement> {
    /**
     * Allows focus on the checkbox when it's disabled.
     */
    allowDisabledFocus?: boolean;
    /**
     * The input checkbox aria-label text.
     */
    ariaLabel?: string;
    /**
     * Aria element ID which describes the checkbox.
     */
    ariaDescribedBy?: string;
    /**
     * The input checkbox checked value.
     */
    checked?: boolean;
    /**
     * Configure how contextual props are consumed
     */
    configContextProps?: ConfigContextProps;
    /**
     * The input checkbox default checked value.
     */
    defaultChecked?: boolean;
    /**
     * The checkbox disabled state.
     * @default false
     */
    disabled?: boolean;
    /**
     * The checkbox is a form item.
     * @default false
     */
    formItemInput?: boolean;
    /**
     * Whether or not the checkbox state is indeterminate.
     */
    indeterminate?: boolean;
    /**
     * The checkbox input name.
     */
    name?: string;
    /**
     * The label of the checkbox.
     */
    label?: React.ReactNode;
    /**
     * The vertical placement of the label.
     * @default LabelAlign.Center
     */
    labelAlign?: LabelAlign;
    /**
     * The label position of the checkbox.
     * @default LabelPosition.End
     */
    labelPosition?: LabelPosition;
    /**
     * The checkbox onChange event handler.
     */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
    /**
     * The checkbox width type
     * Use when variant is `SelectorVariant.Pill`
     * @default fitContent
     */
    selectorWidth?: SelectorWidth;
    /**
     * The checkbox size.
     * @default SelectorSize.Medium
     */
    size?: SelectorSize | Size;
    /**
     * Theme of the checkbox.
     * Use with configContextProps.noThemeContext to override theme.
     * @default blue
     */
    theme?: OcThemeName;
    /**
     * Theme container of the checkbox.
     * Use with `theme` to generate a unique container or a common one.
     */
    themeContainerId?: string;
    /**
     * The Checkbox UI is toggle.
     * @default false
     */
    toggle?: boolean;
    /**
     * The checkbox value.
     */
    value?: CheckboxValueType;
    /**
     * Determines the checkbox variant.
     * @default SelectorVariant.Default
     */
    variant?: SelectorVariant;
}
export interface CheckboxGroupProps extends Omit<OcBaseProps<HTMLInputElement>, 'defaultChecked' | 'onChange'> {
    /**
     * Allows focus on the checkbox group when it's disabled.
     */
    allowDisabledFocus?: boolean;
    /**
     * Aria label for the checkbox group.
     */
    ariaLabel?: string;
    /**
     * Aria element ID which describes the checkbox group.
     */
    ariaDescribedBy?: string;
    /**
     * Configure how contextual props are consumed
     */
    configContextProps?: ConfigContextProps;
    /**
     * The checkbox group disabled state.
     * @default false
     */
    disabled?: boolean;
    /**
     * The checkbox group is a form item.
     * @default false
     */
    formItemInput?: boolean;
    /**
     * The array of items for the checkbox group.
     */
    items?: CheckboxProps[];
    /**
     * The vertical placement of the label.
     * @default LabelAlign.Center
     */
    labelAlign?: LabelAlign;
    /**
     * The label position of the checkboxes.
     * @default LabelPosition.End
     */
    labelPosition?: LabelPosition;
    /**
     * Type of layout for the checkbox group
     * @default vertical
     */
    layout?: 'vertical' | 'horizontal';
    /**
     * Callback fired when any item in the checkboxGroup changes.
     * @param checkedValue
     */
    onChange?: (checkedValue: CheckboxValueType[]) => void;
    /**
     * The checkbox group width type
     * Use when variant is `SelectorVariant.Pill`
     * @default fitContent
     */
    selectorWidth?: SelectorWidth;
    /**
     * The checkbox group size.
     * @default SelectorSize.Medium
     */
    size?: SelectorSize;
    /**
     * Theme of the checkbox group.
     * Use with configContextProps.noThemeContext to override theme.
     * @default blue
     */
    theme?: OcThemeName;
    /**
     * Theme container of the checkbox group.
     * Use with `theme` to generate a unique container or a common one.
     */
    themeContainerId?: string;
    /**
     * The checkbox value.
     */
    value?: CheckboxValueType[];
    /**
     * Determines the checkbox group variant.
     * @default SelectorVariant.Default
     */
    variant?: SelectorVariant;
}