import type { RegisterOptions } from "react-hook-form"
import type { IntlShape } from "react-intl"

import type { TextAreaProps } from "../../TextArea/types"
import { MaterialIconProps } from "../../Icons/MaterialIcon"

export interface FormTextAreaProps extends TextAreaProps {
  /** Helper text displayed below the textarea (hidden when there's an error) */
  description?: string
  /** Icon to display with the description text. Defaults to 'info' */
  descriptionIcon?: MaterialIconProps["icon"]
  /** Field name for react-hook-form registration */
  name: string
  /** react-hook-form validation rules */
  registerOptions?: RegisterOptions
  /** Hide the error message (useful when showing errors elsewhere) */
  hideError?: boolean
  /** Custom formatter for error messages with i18n support */
  errorFormatter?: (intl: IntlShape, errorMessage?: string) => string
}