23 lines
503 B
TypeScript
23 lines
503 B
TypeScript
/* eslint-disable react/display-name */
|
|
import clsx from "clsx"
|
|
import { forwardRef } from "react"
|
|
|
|
type InputProps = React.ComponentPropsWithoutRef<"input">
|
|
|
|
const Input = forwardRef<HTMLInputElement, InputProps>(
|
|
({ className, ...rest }, ref) => {
|
|
return (
|
|
<input
|
|
className={clsx(
|
|
"bg-zinc-700 rounded-md box-border focus:outline outline-violet-400 text-sm",
|
|
className,
|
|
)}
|
|
{...rest}
|
|
ref={ref}
|
|
/>
|
|
)
|
|
},
|
|
)
|
|
|
|
export default Input
|