<template>
  <div class="user-modal-fields">
    <UsersModalHeader
      :avatar="heritedData.avatar"
      :username="$_username(heritedData)"
      :job-title="heritedData.jobTitle"
      :linkedin="heritedData.linkedin"
    />

    <UsersModalTabs v-bind="{ heritedData }" />
  </div>
</template>

<script>
import UsersModalHeader from './UsersModalHeader'
import UsersModalTabs from './UsersModalTabs'

export default {
  name: 'UserModalFields',
  components: { UsersModalHeader, UsersModalTabs }
}
</script>
