import { FRoot } from "../../mixins/components/f-root/f-root";
export type FGroupLabel = {
    title: string;
    description?: string;
    iconTooltip?: string;
};
/**
 * @summary Text component includes Headings, titles, body texts and links.
 */
export declare class FFormGroup extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute Label for showing group label
     */
    label?: FGroupLabel;
    /**
     * @attribute Variant decides whether the input elements in a group have some gap or not when they are aligned horizontally.
     */
    variant?: "normal" | "compact";
    /**
     * @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";
    /**
     * @attribute Defines whether the group will be collapsed as an accordion or as text.
     */
    collapse?: "none" | "accordion" | "text";
    /**
     * @attribute Defines whether the group will be collapsed as an accordion or as text.
     */
    isCollapsed?: boolean;
    /**
     * @attribute Allows the group to be duplicated by clicking on the plus button
     */
    canDuplicate?: boolean;
    /**
     * apply styles
     */
    applyStyles(): "" | "max-height:800px; transition: max-height var(--transition-time-rapid) ease-in 0s; );" | "max-height:0px; transition: max-height var(--transition-time-rapid) ease-in 0s; );";
    /**
     * apply cursor styles
     */
    applyCursorStyles(): "" | "cursor:pointer";
    duplicationClick(e: MouseEvent): void;
    render(): import("lit-html").TemplateResult<1>;
}
/**
 * Required for typescript
 */
declare global {
    interface HTMLElementTagNameMap {
        "f-form-group": FFormGroup;
    }
}