<template>
  <div class="container template_free"> 
    <article id="content" class="content"></article>
    <div tabindex="0" class="layer active">
      <div tabindex="0" class="layer_cont error">
        <div class="layer_body">
          <div class="title_wrap center mar_b50">
            <h5 class="h5_title" v-html="message">{{ message }}</h5>
          </div>
          <div class="btn_wrap mar_t20 center">          
            <a v-for="(branch, index) in branchList" :key="index" href="javascript:void(0);" class="btn mid" :class="branch.class" @click="branch.callback"><span>{{ branch.text }}</span></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/*
  branchList: [
    {
      text: "저장",
      class: "bd_black",
      callback: callback
    },
    .....
  ]
 */
export default {
  name: "buttonBranch",
  props: {
    message: String,
    branchList: {
      text: Array,
      class: String,
      callback: Function
    }
  },
  data() {
    return {
    }
  }
}
</script>