<template>
  <div v-if="show"  class="menu_y">
    <svg @click="hideDialog" class="dialog__close"   >
      <title>Закрыть</title>
      <use xlink:href="@/assets/images/sprite.svg#close"></use>
    </svg>

    <slot></slot>
  </div>
</template>

<script>

import toggleMixin from "@/mixins/toggleMixin";
export default {
  name:"menuY",
  mixins:[toggleMixin],
  props: {},

}
</script>

<style  scoped>
.menu_y{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100vh;
  background: #ffffff;
}


.dialog__close{
  width:16px;height:16px;
  cursor: pointer;
  position: absolute;
  top:10px;
  right: 10px;
}
</style>