import React from "react"

import { TextFieldProps as MuiTextFieldProps } from "@material-ui/core/TextField"
import { RadioProps as MuiRadioProps } from "@material-ui/core/Radio"
import { CheckboxProps as MuiCheckboxProps } from "@material-ui/core/Checkbox"
import { Field, FieldProps } from "formik"

export type BunFieldTypes = (
  | MuiTextFieldProps
  | MuiRadioProps
  | MuiCheckboxProps
) & {
  validate?: (value: any) => undefined | string | Promise<any>
  name: string
  render?: (props: FieldProps) => React.ReactNode
  children?: React.ReactNode | ((props: FieldProps) => React.ReactNode)
  as?: string | React.ComponentType<FieldProps["field"]>
  component?: string | React.ComponentType<FieldProps>
}

const BunField = (props: BunFieldTypes) => Field(props)

export default BunField