import * as React from 'react'
import { InputState } from '../inputs/InputState'

export type ReactFieldSetProps = React.DetailedHTMLProps<
  React.FieldsetHTMLAttributes<HTMLFieldSetElement>,
  HTMLFieldSetElement
>

/**
 * @todo renderLegend, renderFieldSet
 */
export type FieldSetProps = ReactFieldSetProps & {
  legend: string
  elementList: InputState[]
  state: InputState<FieldSetFormStateAttributes>
}

export interface FieldSetFormStateAttributes {
  [key: string]: any
  elementList: InputState[]
}
export type FieldSetInputState = InputState<FieldSetFormStateAttributes>