import React, { Children } from 'react'

import { Field } from 'formik'
import { ICheckRadioField } from './CheckRadioField.interface'
import { StyledCheckRadioField } from './CheckRadioField.theme'

const CheckRadioField = ({
  id,
  label,
  className,
  children,
  ...props
}: ICheckRadioField) => {
  return (
    <StyledCheckRadioField>
      {children}
      <label htmlFor={id}>{label}</label>
    </StyledCheckRadioField>
  )
}

export default CheckRadioField