mirror of https://github.com/portainer/portainer
26 lines
626 B
TypeScript
26 lines
626 B
TypeScript
import clsx from 'clsx';
|
|
import { forwardRef, InputHTMLAttributes, Ref } from 'react';
|
|
|
|
export const InputWithRef = forwardRef<
|
|
HTMLInputElement,
|
|
InputHTMLAttributes<HTMLInputElement>
|
|
>(
|
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
(props, ref) => <Input {...props} mRef={ref} />
|
|
);
|
|
|
|
export function Input({
|
|
className,
|
|
mRef: ref,
|
|
...props
|
|
}: InputHTMLAttributes<HTMLInputElement> & { mRef?: Ref<HTMLInputElement> }) {
|
|
return (
|
|
<input
|
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
{...props}
|
|
ref={ref}
|
|
className={clsx('form-control', className)}
|
|
/>
|
|
);
|
|
}
|