import React from "react" import styles from "./input.module.css" type Props = React.HTMLProps<HTMLInputElement> & { label?: string fontSize?: number | string } // eslint-disable-next-line react/display-name const Input = React.forwardRef<HTMLInputElement, Props>( ({ label, className, ...props }, ref) => { return ( <div className={styles.wrapper}> {label && <label className={styles.label}>{label}</label>} <input ref={ref} className={className ? `${styles.input} ${className}` : styles.input} {...props} /> </div> ) } ) export default Input