{"version":3,"file":"zSTuwMIM.js","sources":["../../../../components/Main/MainDialogTimeOfWorking.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Components */\nimport AppButton from '@/components/App/AppButton.vue'\n\n/* Types */\nimport { Popup } from '@/types/api/api-v3/popup-working'\n\nconst props = defineProps({\n  popup: {\n    type: Object as PropType<Popup>,\n    required: true,\n  },\n})\n\nconst emit = defineEmits(['closePopupWorking'])\n\nconst closePopupWorking = () => {\n  emit('closePopupWorking')\n}\n</script>\n<template>\n  <div class=\"container\">\n    <h2 class=\"container__title\">{{ props.popup.title }}</h2>\n    <p class=\"container__text\">\n      {{ props.popup.text }}\n    </p>\n    <div class=\"container__control\">\n      <app-button dimmed block class=\"close\" @click=\"closePopupWorking\">\n        Закрыть\n      </app-button>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.container {\n  height: 100%;\n  overflow: hidden;\n  background: #fff;\n  border-radius: 10px;\n\n  &__title {\n    max-width: 380px;\n    margin: 0 auto;\n    font-size: 28px;\n    font-weight: 900;\n    line-height: 33px;\n    text-align: center;\n\n    @include media('<tablet') {\n      font-size: 24px;\n      line-height: 28px;\n    }\n  }\n  &__text {\n    margin: 24px 0 30px 0;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px;\n    color: #2c2c2c;\n    text-align: center;\n  }\n\n  &__control {\n    width: 260px;\n    margin: 0 auto;\n  }\n}\n</style>\n"],"names":["props","__props","emit","__emit","closePopupWorking"],"mappings":";;u1BASA,MAAMA,EAAQC,EAORC,EAAOC,EAEPC,EAAoB,IAAM,CAC9BF,EAAK,mBAAmB,CAAA","debug_id":"7978ffcf-2cde-5bb7-a7a7-5518f8eeacf9"}