<template>
  <div class="control__elements">
    <div
      v-if="value"
      class="field-last-modified-by field-last-modified-by--row-edit-field"
    >
      <div class="field-last-modified-by__name background-color--light-gray">
        <span class="field-last-modified-by__name-text">{{
          getCollaboratorName(value)
        }}</span>
      </div>
      <div class="field-last-modified-by__initials">
        {{ getCollaboratorNameInitials(value) }}
      </div>
    </div>
  </div>
</template>

<script>
import rowEditField from '@baserow/modules/database/mixins/rowEditField'
import collaboratorName from '@baserow/modules/database/mixins/collaboratorName'

export default {
  mixins: [rowEditField, collaboratorName],
}
</script>