import type { ReactNode } from "react";
import { FC } from "react";
interface CheckboxGroupProps {
    checkboxType?: "square" | "circle";
    checkboxPosition?: "left" | "right";
    title: string;
    description?: string;
    icon?: ReactNode;
    img?: string;
    imgShape?: "square" | "circle";
    fieldName?: string;
    select?: "single" | "multiple";
    value?: string;
    selected?: string;
    onOptionChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
}
export interface keepCheckboxGroupTheme {
    label: {
        base: string;
        iconRight: {
            on: string;
            off: string;
        };
        selected: {
            on: string;
            off: string;
        };
        spacing: string;
    };
    main: {
        order: string;
        spacing: string;
    };
    root: {
        base: string;
        icon: {
            base: string;
            selected: {
                on: string;
                off: string;
            };
        };
        circleImg: {
            base: string;
            selected: {
                on: string;
                off: string;
            };
        };
        squareImg: {
            base: string;
            img: string;
        };
    };
    textBox: {
        spacing: string;
        order: string;
        title: {
            base: string;
            selected: {
                on: string;
                off: string;
            };
        };
        description: {
            base: string;
            selected: {
                on: string;
                off: string;
            };
        };
    };
}
export declare const CheckboxGroup: FC<CheckboxGroupProps>;
export {};