<template>
  <div class="shadow-join-team p-5 rounded" @click="$emit('click')">
    <slot name="title" />
    <div class="flex items-center mt-2.5">
      <div class="content mr-9 text-sm">
        {{ content }}
      </div>
      <app-icon
        icon-name="right-arrow"
        class-name="flex-shrink-0 w-3 ml-auto"
      />
    </div>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'Card',
  components: {
    'app-icon': () => import('@/components/common/Icon.vue')
  },
  props: {
    content: {
      type: String,
      default: 'content'
    }
  }
})
</script>
