import React, { forwardRef, InputHTMLAttributes } from "react"

import Body from "@/components/TempDesignSystem/Text/Body"

import styles from "./input.module.css"

const Input = forwardRef<
  HTMLInputElement,
  InputHTMLAttributes<HTMLInputElement>
>(function InputComponent(props, ref) {
  return (
    <Body asChild>
      <input {...props} ref={ref} className={styles.input} />
    </Body>
  )
})

export default Input
