<template>
  <div class="text-xs-center">
    <v-dialog
      v-model="dialog"
      width="500"
    >

      <v-card>
        <v-card-title
          v-if="info_trend.title"
          class="headline grey lighten-2"
          primary-title
        >
          {{ info_trend.title }}
        </v-card-title>
        <v-img
          v-if="info_trend.image"
          :src="info_trend.image"
        ></v-img>

        <v-card-text v-if="info_trend.note" v-html="info_trend.note">
        </v-card-text>

        <v-divider></v-divider>

        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn
            color="primary"
            flat
            @click="dialog = false"
          >
            Tutup
          </v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  </div>
</template>

<script>
module.exports = {
    data () {
        return {
          
        }
    },

    computed : {
        dialog : {
            get () { return this.$store.state.re_px.dialog_trend },
            set (v) { this.$store.commit("re_px/update_dialog_trend", v) }
        },

        info_trend () { return this.$store.state.re_px.info_trend }
    }
}
</script>
