import type { JSX } from '../../stencil-public-runtime';
import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
import type { JSXBase } from '../../stencil-public-runtime';
import type { MaxLengthBehaviorPropType, MsgPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
    component?: 'div' | 'fieldset';
    id: string;
    alert?: boolean;
    disabled?: boolean;
    msg?: Stringified<MsgPropType>;
    hint?: string;
    label: string;
    hideLabel?: boolean;
    hideMsg?: boolean;
    accessKey?: string;
    shortKey?: string;
    counter?: {
        currentLength: number;
        currentLengthDebounced: number;
        maxLengthBehavior: MaxLengthBehaviorPropType;
        maxLength?: number;
        id?: string;
    };
    readOnly?: boolean;
    touched?: boolean;
    required?: boolean;
    renderNoLabel?: boolean;
    renderNoTooltip?: boolean;
    renderNoHint?: boolean;
    anotherChildren?: JSX.Element | JSX.Element[];
    maxLength?: number;
    showBadge?: boolean;
    tooltipAlign?: TooltipAlignPropType;
    tooltipFloatingRef?: (el?: HTMLDivElement) => void;
    tooltipArrowRef?: (el?: HTMLDivElement) => void;
    variant?: VariantClassNamePropType;
    formFieldLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
        component?: 'label' | 'legend';
    };
    formFieldHintProps?: JSXBase.HTMLAttributes<HTMLElement>;
    formFieldTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;
    formFieldMsgProps?: JSXBase.HTMLAttributes<HTMLDivElement>;
    formFieldInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;
};
declare const KolFormFieldFc: FC<FormFieldProps>;
export default KolFormFieldFc;
