import { AsElementProps, ElementProps } from "../../../types/shared.mjs";
import { PolymorphicComponentProps } from "../../../internal/factory/create-polymorphic-factory.mjs";
import { ErrorMessageProps } from "../../form-elements/error-message/ErrorMessage.mjs";
import { HintProps } from "../../form-elements/hint/Hint.mjs";
import { LabelProps } from "../label/Label.mjs";
import React, { ForwardedRef, ReactNode } from "react";

//#region src/components/core/form-group/FormGroup.d.ts
type BaseFormElementProps = {
  name?: string;
  id?: string;
  label?: ReactNode;
  hint?: ReactNode | ReactNode[];
  error?: string | Record<string, string>;
  labelProps?: LabelProps;
  hintProps?: HintProps;
  errorProps?: ErrorMessageProps;
  formGroupProps?: React.HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, unknown>;
  withErrorLine?: boolean;
};
type FormGroupProps = BaseFormElementProps & {
  render: (props: BaseFormElementProps & {
    ref: ForwardedRef<any>;
    withError: boolean;
    errorMap?: Record<string, string>;
    className?: string;
    children?: ReactNode;
    id: string;
  }) => ReactNode;
  inputType: 'input' | 'radios' | 'select' | 'checkboxes' | 'dateinput' | 'textarea' | 'other';
  fieldsetProps?: ElementProps<'fieldset'>;
  withFieldset?: boolean;
  namePrefix?: string;
};
/**
 * Only use this component if you need to create a custom form element.
 *
 * This is the main component for most form elements. It wraps the input element with a label, hint and error message. It can also wrap the input element with a fieldset if required.
 */
declare const FormGroup: (<TComponent = "input">(props: PolymorphicComponentProps<TComponent, FormGroupProps>) => React.ReactElement) & Omit<React.FunctionComponent<(BaseFormElementProps & {
  render: (props: BaseFormElementProps & {
    ref: ForwardedRef<any>;
    withError: boolean;
    errorMap?: Record<string, string>;
    className?: string;
    children?: ReactNode;
    id: string;
  }) => ReactNode;
  inputType: "input" | "radios" | "select" | "checkboxes" | "dateinput" | "textarea" | "other";
  fieldsetProps?: ElementProps<"fieldset">;
  withFieldset?: boolean;
  namePrefix?: string;
} & AsElementProps<any> & Omit<Omit<any, "ref">, "as" | keyof BaseFormElementProps | "render" | "inputType" | "fieldsetProps" | "withFieldset" | "namePrefix"> & {
  ref?: any;
  renderRoot?: (props: any) => any;
}) | (BaseFormElementProps & {
  render: (props: BaseFormElementProps & {
    ref: ForwardedRef<any>;
    withError: boolean;
    errorMap?: Record<string, string>;
    className?: string;
    children?: ReactNode;
    id: string;
  }) => ReactNode;
  inputType: "input" | "radios" | "select" | "checkboxes" | "dateinput" | "textarea" | "other";
  fieldsetProps?: ElementProps<"fieldset">;
  withFieldset?: boolean;
  namePrefix?: string;
} & {
  as: keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>;
  renderRoot?: (props: Record<string, any>) => any;
})>, never> & Record<string, never>;
//#endregion
export { BaseFormElementProps, FormGroup };