import React, { forwardRef, type InputHTMLAttributes } from "react"
import { Input as InputRAC } from "react-aria-components"

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

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

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