<template>
  <div class="group-title">{{title}}</div>
</template>

<script>
export default {
  name: 'GroupTitle',
  props: {
    title: {
      type: String,
      default: null
    }
  }
}
</script>

<style scoped lang="scss">
.group-title {
  position: relative;
  font-size: 16px;
  padding-left: 0.5em;
  border-left: 3px solid #00BA88;
  margin: 0.5em 0 1em;
}
</style>
