<template>
  <div :class="extClass">
    <text v-if="title" class="bml-cells__title">{{title}}</text>
    <div :class="['bml-cells', 'bml-cells_after-title']">
        <slot></slot>
    </div>
    <text v-if="footer" class="bml-cells__tips">{{footer}}</text>
    <div v-else><slot name="footer"></slot></div>
  </div>
</template>

<script>
export default {
  name: 'bml-cells',
  props: {
      title: {
        type: String,
        default: null
      },
      footer:{
         type: String,
        default: null
      },
      extClass: {
        type: String,
        default: ''
      }
  },
  computed: {
    isTitleString () {
      return true;
    }
  }
}
</script>
<style lang="scss" src="../css/cells.scss"/>
