import Vue from 'vue'
import './SntCard.scss'

export default Vue.extend({
  name: 'SntCard',
  props: {
    icon: {
      type: String,
      default: ''
    },
    title: {
      type: String,
      default: ''
    },
    content: {
      type: String,
      default: ''
    }
  },
  template: `
    <div
      class="snt-card"
      v-on="$listeners">
      <slot :attrs="{ icon, title, content }">
        <div class="snt-card__title">
          <snt-icon
            v-if="icon"
            :icon="icon"
            class="snt-card__icon" />
          {{ title }}
        </div>
        <div
          class="snt-card__content"
          v-html="content" />
      </slot>
    </div>
  `
})
