<template>
  <Card v-bind="getAttrs($attrs)" :scaffold-overrides="cardOverrides" />
</template>

<script>
import { getAttrs } from '@inside-library/helpers/Attrs'

import Card from '@inside-users/components/lib/Card'

export default {
  name: 'UserCard',
  components: { Card },
  methods: {
    getAttrs,
    cardOverrides(data, { replaceItem }) {
      replaceItem('phone', {
        id: 'phone',
        value: data.phone || data.mobile,
        class: 'item phone'
      })
    }
  }
}
</script>
