import React from 'react'
import { ContextualBox, AssignHE } from 'pubsweet-component-faraday-ui'

const ManuscriptAssignHE = ({
  toggle,
  assignHE,
  expanded,
  isFetching,
  currentUser,
  handlingEditors = [],
}) =>
  currentUser.canAssignHE ? (
    <ContextualBox
      expanded={expanded}
      label="Assign Handling Editor"
      scrollIntoView
      toggle={toggle}
    >
      <AssignHE
        handlingEditors={handlingEditors}
        inviteHandlingEditor={assignHE}
        isFetching={isFetching}
      />
    </ContextualBox>
  ) : null

export default ManuscriptAssignHE