<template>
  <div :class="[
    `${$classPrefix}-card`,
    `${size}`,
  ]">
    <div :class="`${$classPrefix}-card__header`">
      <span :class="`${$classPrefix}-card__title`">
        <slot name="title" />
      </span>
      <div>
        <slot name="actions" />
      </div>
    </div>
    <div :class="`${$classPrefix}-card__body`">
      <slot name="body" />
    </div>
  </div>
</template>

<script>
export default {
  name: "IrbisCard",

  props: {
    size: {
      default: "default",
      type: String
    }
  },

  computed: {}
};
</script>