{"version":3,"file":"D6jHCiHv.js","sources":["../../../../components/Header/HeaderPhones.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ntype Props = {\n  phones: string[]\n}\n\nconst props = defineProps<Props>()\n\nconst formattedPhones = props.phones.map((phone) => {\n  return {\n    number: phone,\n    href: phone.replaceAll(' ', ''),\n  }\n})\n</script>\n\n<template>\n  <div class=\"header-phones\">\n    <a\n      v-for=\"(phone, index) in formattedPhones\"\n      :key=\"index\"\n      class=\"header-phones__link\"\n      :href=\"`tel:${phone.href}`\"\n    >\n      {{ phone.number }}\n    </a>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.header-phones {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  &__link {\n    display: block;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n    color: var(--ui-text-primary);\n\n    @include media('>=desktop') {\n      font-size: 14px;\n      line-height: 18px;\n    }\n  }\n}\n</style>\n"],"names":["formattedPhones","__props","phone"],"mappings":";;ogBAOA,MAAMA,EAFQC,EAEgB,OAAO,IAAKC,IACjC,CACL,OAAQA,EACR,KAAMA,EAAM,WAAW,IAAK,EAAE,CAChC,EACD","debug_id":"ca4e6b6a-a324-58da-bf10-fdabcf280aa4"}