24 lines
586 B
TypeScript
24 lines
586 B
TypeScript
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
|