import { CheckboxOption, CheckboxOptions } from "../../types";
import { FRoot } from "@nonfx/flow-core";
export type FCheckboxGroupValue = string[];
export declare const checkboxGroupStyles: string;
export declare class FCheckboxGroup extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute Controls size of all input elements within the form
     */
    options: CheckboxOptions;
    /**
     * @attribute Controls size of all input elements within the form
     */
    state?: "primary" | "default" | "success" | "warning" | "danger";
    /**
     * @attribute Controls size of all input elements within the form
     */
    value?: CheckboxOptions;
    /**
     * @attribute Decides the direction of the input elements within the group.
     */
    direction?: "vertical" | "horizontal";
    /**
     * @attribute decides the gap between elements of a group
     */
    gap?: "large" | "medium" | "small" | "x-small";
    helperText?: string;
    /**
     * @attribute The disabled attribute can be set to keep a user from clicking on the checkbox group.
     */
    disabled?: boolean;
    handleChange(e: CustomEvent, option: CheckboxOption): void;
    isChecked(option: CheckboxOption): "checked" | "unchecked";
    render(): import("lit-html").TemplateResult<1>;
}