mirror of https://github.com/portainer/portainer
28 lines
629 B
TypeScript
28 lines
629 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)}
|
|
/>
|
|
);
|
|
}
|