<template>
  <div id="programa">
    <br />
    <p class="is-size-4"><b>Datos del programa</b></p>
    <br />
    <p class="is-size-5" v-if="programa.programa">
      <b>Programa: </b><span> {{ programa.programa }} </span>
    </p>
    <p class="is-size-5" v-if="programa.clavePrograma">
      <b>Clave del programa: </b
      ><span> {{ programa.clavePrograma }} </span>
    </p>
    <p class="is-size-5" v-if="programa.dependencia">
      <b>Dependecia: </b><span> {{ programa.dependencia }} </span>
    </p>
    <p class="is-size-5" v-if="programa.institucion">
      <b>Institución: </b><span> {{ programa.institucion }} </span>
    </p>
    <br />
  </div>
</template>

<script>
export default {
  props: {
    programa: Object
  }
}
</script>
