<template>
  <sv-bar type="subheader" :color="color">
    <template slot="left">
      <slot name="left"></slot>
    </template>
    <slot>{{title}}</slot>
    <template slot="right">
      <slot name="right"></slot>
    </template>
  </sv-bar>
</template>

<script>
  export default {
    name: 'svSubheader',
    data () {
      return {
      }
    },
    props: {
      title: {
        type: String
      },
      color: {
        type: String,
        default: 'light'
      }
    }
  }
</script>

<style lang="scss" rel="stylesheet/scss">
</style>
