<template>
   <div class="camera">
      <div class="header flex justify-between title-box">
         <button type="button" class="flex align-center" @click="goToPage('Dashboard')">
            <svg-icon type="mdi" :path="mdilChevronLeft" style="width: 50px; height: 50px;"></svg-icon>
            <p class="title"> 이전글</p>
         </button>
         <button @click="goToPage('PhotoDesign')" ><img src="../../../resources/img/btn19_74s_normal.png" alt="">
         </button>
      </div>
      <div class="body ">
<img src="../../../resources/img/img140_747s.png" alt="">
      </div>
   </div>
</template>

<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdiMagnify, mdiWindowClose } from '@mdi/js';
import { mdilChevronRight, mdilChevronLeft } from '@mdi/light-js';

import axios from "axios";

export default {
   data() {
      return {
         selectedTab: 'tab1',
         username: '',
         password: '',
         mdiWindowClose: mdiWindowClose,
         mdilChevronLeft: mdilChevronLeft,
         showModal: false,
         searchOpen: false,
      }
   },
   methods: {
      
      goToPage(page) {
         this.$router.push({ name: page });
      },
      closeModal() {
         this.showModal = false;
      },
      buttonSearch() {
         this.searchOpen = true;
      },
      closeBtn() {
         this.searchOpen = false;

      },
   },
   components: {
      SvgIcon
   },
}
</script>
