<template>
  <Parent
    v-bind="getAttrs($attrs)"
    :scaffold-overrides="cardOverrides"
    class="card-user-component"
  />
</template>

<script>
import Parent from '@inside-users/components/lib/Card'

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

export default {
  name: 'CardUser',
  components: { Parent },
  methods: {
    getAttrs,
    cardOverrides(data, { replaceItem }) {
      replaceItem('phone', {
        id: 'user-phone',
        value: data.mobile_phone || data.phone
      })
    }
  }
}
</script>

<style lang="scss">
.card-user-component {
  .function {
    word-break: break-word;
  }
}
</style>
