<template>
<div class="custom-card">
<a-card
   :class="['themed-card', cardClass]"
   :title="title"
   bordered
   ref="cardRef"
   @click="$emit('click')"
>
<slot />
</a-card>
</div>
</template>
<script>
export default {
 name: 'AntCard',
 props: {
   title: {
     type: String,
     default: ''
   },
   cardClass: {
     type: [String, Array, Object],
     default: ''
   }
 }
}
</script>
<style scoped>
.custom-card {
  border-top: 4px solid #1890ff;
  border-radius: 4px;
}
</style>