import { TextBoxProps, TextBoxState, AccessibleTextBoxProps } from '../typings'
import { toClassList } from './toClassList'

export function toAccessibleAttributes(props: TextBoxProps, state: TextBoxState) {
  const inputAttributes: AccessibleTextBoxProps = {
    className: toClassList(props, state).wrap,
  }
  // @wcag
  if (state.isValidInput === false) {
    inputAttributes['aria-invalid'] = state.errorMessage
  }
  if (state.isRequired === true) {
    inputAttributes.required = true
  }

  return inputAttributes
}