<template>
  <section class="columns is-justify-content-space-between pb-5">
    <h2 class="column is-narrow is-size-2 is-size-3-mobile">{{ title }}</h2>

    <div
      class="column is-narrow is-flex is-align-items-center"
      v-if="operador.operador"
    >
      <b-icon icon="account-circle" size="is-medium" />

      <p class="is-size-4 pl-1">{{ operador.operador }}</p>
    </div>
  </section>
</template>

<script>
export default {
  props: {
    operador: { type: Object, required: false },
    title: { type: String, required: true },
  },
}
</script>

<style></style>
