import { CheckboxProps } from "@lifesg/react-design-system/checkbox";
import type { IPopoverSchema, ITextSchema, ITypographySchema } from "../../elements";
import type { IInlineWrapperSchema } from "../../elements/wrapper";
import { TComponentOmitProps, TFrontendEngineFieldSchema } from "../../frontend-engine";
import { IBaseFieldSchema } from "../types";
export interface ICheckboxGroupOption {
    label: string | Record<string, ITextSchema | ITypographySchema | IPopoverSchema | IInlineWrapperSchema>;
    value: string;
    disabled?: boolean | undefined;
}
export interface IToggleOption<V = undefined, C = undefined> extends ICheckboxGroupOption {
    none?: boolean | undefined;
    children?: Record<string, TFrontendEngineFieldSchema<V, C>> | undefined;
    subLabel?: string | undefined;
}
export type TCheckboxToggleLayoutType = "horizontal" | "vertical";
interface ICheckboxGroupDefaultSchema<V = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
    options: ICheckboxGroupOption[];
    customOptions?: {
        styleType: "default";
    } | undefined;
}
interface ICheckboxGroupToggleSchema<V = undefined, C = undefined> extends IBaseFieldSchema<"checkbox", V>, TComponentOmitProps<CheckboxProps> {
    options: IToggleOption<V, C>[];
    customOptions: {
        styleType: "toggle";
        indicator?: boolean | undefined;
        border?: boolean | undefined;
        layoutType?: TCheckboxToggleLayoutType | undefined;
    };
}
export type TCheckboxGroupSchema<V = undefined, C = undefined> = ICheckboxGroupDefaultSchema<V> | ICheckboxGroupToggleSchema<V, C>;
export {};