CoastalCommitsPastes/client/app/components/input/index.tsx

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