import classNames from 'clsx'
import type { FormProps } from 'react-component-form'
import { Form } from 'react-component-form'

export const AuthenticationForm: React.FC<FormProps> = (props) => {
  const { className, children, ...rest } = props

  return (
    <Form
      className={classNames('w-4/6 max-w-xs', className)}
      noValidate
      {...rest}
    >
      {children}
    </Form>
  )
}