{"version":3,"file":"8rW5s5oc.js","sources":["../../../../components/Footer/FooterLinksDownloadButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* Components */\nimport AppButton from '@/components/App/AppButton.vue'\n\nconst props = defineProps({\n  isMobileDownloadButton: {\n    type: Boolean,\n    required: false,\n    default: () => false,\n  },\n  isTabletDownloadButton: {\n    type: Boolean,\n    required: false,\n    default: () => false,\n  },\n  isShowFullText: {\n    type: Boolean,\n    required: false,\n    default: () => false,\n  },\n})\n\nconst { isDesktop } = useDevice()\n</script>\n\n<template>\n  <app-button\n    class=\"button\"\n    :class=\"{\n      'button--mobile': props.isMobileDownloadButton,\n      'button--tablet': props.isTabletDownloadButton,\n    }\"\n    href=\"https://farfor.ru/a/\"\n    rel=\"nofollow\"\n  >\n    <span v-if=\"isDesktop && !props.isShowFullText\">Скачать</span>\n    <span v-else>Скачать приложение</span>\n\n    <nuxt-img\n      class=\"button__image\"\n      width=\"16\"\n      height=\"16\"\n      src=\"/footer-apple.svg\"\n      alt=\"Иконка Apple\"\n    />\n    <nuxt-img\n      class=\"button__image\"\n      width=\"16\"\n      height=\"16\"\n      src=\"/footer-google-play.svg\"\n      alt=\"Иконка Google Play\"\n    />\n    <nuxt-img\n      class=\"button__image\"\n      width=\"16\"\n      height=\"16\"\n      src=\"/footer-huawei.svg\"\n      alt=\"Иконка Huawei\"\n    />\n  </app-button>\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  display: flex;\n  width: 170px !important;\n  height: 45px !important;\n  padding: 18px 22px !important;\n  margin-bottom: 20px;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 10px;\n  background-color: $text-black !important;\n  border-radius: 10px !important;\n  box-shadow: none !important;\n\n  &__image {\n    margin-left: 5px;\n  }\n\n  :deep(.v-btn__content) {\n    flex: 1 0 auto;\n  }\n\n  span {\n    margin-right: 8px;\n  }\n\n  &--mobile {\n    width: 100% !important;\n    height: 50px !important;\n    padding: 20px 50px !important;\n    margin-bottom: 0;\n  }\n\n  &--tablet {\n    width: 100% !important;\n    max-width: 355px !important;\n    height: 50px !important;\n    padding: 20px 50px !important;\n    margin-bottom: 0;\n  }\n}\n</style>\n"],"names":["props","__props","isDesktop","useDevice"],"mappings":";;gtBAIA,MAAMA,EAAQC,EAkBR,CAAE,UAAAC,GAAcC","debug_id":"9264bd4e-3571-5f38-90c9-874bcc7902eb"}