<template>
    <nav class="level">
        <div class="level-item level-left">
            <div>
                <p class="title is-4">{{ section }}</p>
                <p class="heading is-4">{{ subsection }}</p>

            </div>
        </div>
        <div class="level-item level-right">

            <div class="feh-actions">
                <span class="icon">
                    <i class="mdi mdi-24px mdi-tune"></i>
                </span>
            </div>
        </div>
    </nav>
</template>

<script>
 export default {
  props: {
   section: {
    type: String,
    required: true
   },
    subsection: {
    type: String,
    required: true
   }
  }
 }
</script>
