<script>

export default {
  name: 'NewSiteButton',
  inject: ['serviceOfServices'],
  props: {
    name: {
      default: "",
      type: String
    },
    port: {
      default: "",
      type: String
    },
    site: {
      default: () => ({}),
      type: Object
    }
  },
  methods: {
    addNewServiceLayout() {
      this.serviceOfServices.addNewServiceLayout()
    }
  }
}
</script>

<template>
  <div
    class="cursor-pointer flex items-center justify-center w-full p-6 bg-white border border-gray-200 rounded-lg shadow hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700 text-2xl font-w-700 text-slate-700"
    @click="addNewServiceLayout"
  >
    Добавить сайт
  </div>
</template>
