22 lines
534 B
TypeScript
22 lines
534 B
TypeScript
|
import clsx from 'clsx'
|
||
|
|
import type { ComponentProps } from 'react'
|
||
|
|
import { forwardRef } from 'react'
|
||
|
|
|
||
|
|
export const StyledInput = forwardRef<HTMLInputElement, ComponentProps<'input'>>(
|
||
|
|
function Input({ className, ...rest }, ref) {
|
||
|
|
return (
|
||
|
|
<input
|
||
|
|
className={clsx(
|
||
|
|
'bg-white/10 rounded border-2 border-white/20 form-input',
|
||
|
|
'placeholder:text-white/50',
|
||
|
|
'focus:ring focus:ring-plumbus-20',
|
||
|
|
className,
|
||
|
|
)}
|
||
|
|
ref={ref}
|
||
|
|
{...rest}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
},
|
||
|
|
//
|
||
|
|
)
|