import { FC } from 'react';

import {
  FormTextFieldTagUsers as FormTextFieldTagUsersUI,
  FormTextFieldTagUsersProps as FormTextFieldTagUsersUIProps,
} from 'src/components/FormInputs/FormTextFieldTagUsers';

export type FormTextFieldTagUsersProps = FormTextFieldTagUsersUIProps & {
  stylesHighlighter?: any;
};

export const FormTextFieldTagUsers: FC<FormTextFieldTagUsersProps> = props => {
  const { InputProps, ...rest } = props;

  return (
    <FormTextFieldTagUsersUI
      {...rest}
      sx={{
        '& .MuiInputLabel-root': {
          transform: 'none',
          position: 'inherit',
          fontSize: '14px',
        },
      }}
      InputLabelProps={{
        disableAnimation: true,
        shrink: true,
      }}
      InputProps={{
        sx: {
          marginTop: '4px',
          '& textarea': {
            minHeight: '100px !important',
          },
          '& fieldset': {
            top: 0,
            '& legend': {
              display: 'none',
            },
          },
        },
        ...InputProps,
      }}
    />
  );
};

export default FormTextFieldTagUsers;
