portainer/app/react/components/form-components/Input/Input.tsx

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)}
/>
);
}