<template>
  <component
    :is="tag"
    v-on="$listeners"
    class="c-list-group"
    :class="{ 'c-list-group--action': actionable }">
    <slot></slot>
  </component>
</template>
<script>
  export default {
    name: 'el-list-group',
    props: {
      tag: {
        type: String,
        default: 'ul'
      },
      actionable: {
        type: Boolean,
        default: false
      }
    }
  };
</script>
