<script>
import {mapActions} from 'vuex'

export default {
  name: 'Control',
  props: {  },
  methods: {
    ...mapActions('proxy', ["breakSavingSite", "addNewRouteLayout"]),
  }
}
</script>

<template>
  <div class="mb-4 flex items-center">
    <button
      type="button"
      class="w-fit text-white bg-blue-700 hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
      @click="addNewRouteLayout"
    >
      Добавить роут
    </button>
    <button
      type="button"
      class="w-fit text-white bg-slate-700 hover:bg-slate-800 focus:outline-none focus:ring-4 focus:ring-slate-300 font-medium rounded-full text-sm px-5 py-2.5 text-center me-2 dark:bg-slate-600 dark:hover:bg-slate-700 dark:focus:ring-slate-800"
      @click="breakSavingSite"
    >
      Закрыть
    </button>
  </div>
</template>
