import classNames from 'classnames'
import React from 'react'
import SimulationActions from '../../containers/simulations/SimulationActions'
import Shapes from '../../shapes/index'
import { AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP } from '../../util/authorizations'
import { parseAndFormatDateTime } from '../../util/date-time'

const SimulationAuthRow = ({ simulationAuth }) => (
    <tr>
        <td className="pt-3">{simulationAuth.simulation.name}</td>
        <td className="pt-3">
            {parseAndFormatDateTime(simulationAuth.simulation.datetimeLastEdited)}
        </td>
        <td className="pt-3">
      <span
          className={classNames(
              'fa',
              'fa-' + AUTH_ICON_MAP[simulationAuth.authorizationLevel],
              'mr-2',
          )}
      />
            {AUTH_DESCRIPTION_MAP[simulationAuth.authorizationLevel]}
        </td>
        <SimulationActions simulationId={simulationAuth.simulation.id}/>
    </tr>
)

SimulationAuthRow.propTypes = {
    simulationAuth: Shapes.Authorization.isRequired,
}

export default SimulationAuthRow