<template>
  <div style="margin: 40px">
    <button @click="showModal = true">Show Modal</button>
    <modal-saglan
      v-if="showModal"
      @close="showModal = false"
      :width="1290"
      :iconHeader="false"
    >
      <template slot="header">
        <h3>custom header</h3>
      </template>
      <template slot="body">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Corporis,
        aperiam. Doloremque vitae esse dicta facilis architecto. Commodi natus,
        reiciendis totam nobis unde nihil cumque, quam ullam fuga inventore quo
        similique.
      </template>
      <template slot="footer">
        footer
      </template>
    </modal-saglan>
  </div>
</template>

<script>
import ModalSaglan from "@/components/Modals/ModalSaglan";
export default {
  name: "ModalSaglanView",
  data() {
    return {
      showModal: false
    };
  },
  components: {
    ModalSaglan
  }
};
</script>

<style scoped></style>
