{"version":3,"sources":["webpack:///./src/views/FAQ/components/PremiumClub/components/TabButtons.vue?79ea","webpack:///./src/views/FAQ/components/PremiumClub/components/TabButtons.vue?e4cb","webpack:///src/views/FAQ/components/PremiumClub/components/TabButtons.vue","webpack:///./src/views/FAQ/components/PremiumClub/components/TabButtons.vue?d3ce","webpack:///./src/views/FAQ/components/PremiumClub/components/TabButtons.vue?cca4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","content","key","id","class","activeTitle","$t","title","on","$event","changeTab","style","backgroundColor","attrs","icon","_v","_s","staticRenderFns","component"],"mappings":"kHAAA,W,0CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,+CAA+CN,EAAIO,GAAIP,EAAY,UAAE,SAASQ,GAAS,OAAOJ,EAAG,SAAS,CAACK,IAAID,EAAQE,GAAGJ,YAAY,gDAAgDK,MAAMX,EAAIY,cAAgBZ,EAAIa,GAAGL,EAAQM,OAAS,iBAAmB,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIiB,UAAUjB,EAAIa,GAAGL,EAAQM,OAAQN,EAAQA,YAAY,CAACJ,EAAG,MAAM,CAACE,YAAY,sBAAsBY,MAAM,CAAGC,gBAAiBX,EAAQW,kBAAoB,CAACf,EAAG,MAAM,CAACgB,MAAM,CAAC,IAAMZ,EAAQa,KAAK,IAAMrB,EAAIa,GAAGL,EAAQM,YAAYd,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGvB,EAAIa,GAAGL,EAAQM,QAAQ,UAAS,IACjqBU,EAAkB,GCctB,GACE,MAAF,CACI,SAAJ,MACI,UAAJ,SACI,YAAJ,SCnBgZ,I,wBCQ5YC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/63542021/chunk-4aa89086.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabButtons.vue?vue&type=style&index=0&id=ad5c2650&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-space-between tabs-container\"},_vm._l((_vm.faqArray),function(content){return _c('button',{key:content.id,staticClass:\"p-4 rounded-xl d-flex align-center button-tab\",class:_vm.activeTitle === _vm.$t(content.title) ? 'faq-active-tab' : '',on:{\"click\":function($event){_vm.changeTab(_vm.$t(content.title), content.content)}}},[_c('div',{staticClass:\"p-2 mr-3 rounded-lg\",style:({ backgroundColor: content.backgroundColor })},[_c('img',{attrs:{\"src\":content.icon,\"alt\":_vm.$t(content.title)}})]),_vm._v(\" \"+_vm._s(_vm.$t(content.title))+\" \")])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"d-flex justify-space-between tabs-container\">\n        <button v-for=\"content in faqArray\" :key=\"content.id\" @click=\"changeTab($t(content.title), content.content)\"\n            class=\"p-4 rounded-xl d-flex align-center button-tab\"\n            :class=\"activeTitle === $t(content.title) ? 'faq-active-tab' : ''\">\n            <div class=\"p-2 mr-3 rounded-lg\" :style=\"{ backgroundColor: content.backgroundColor }\">\n                <img :src=\"content.icon\" :alt=\"$t(content.title)\">\n            </div>\n            {{ $t(content.title) }}\n        </button>\n    </div>\n\n</template>\n\n<script>\nexport default {\n    props: {\n        faqArray: Array,\n        changeTab: Function,\n        activeTitle: String\n    }\n};\n</script>\n\n<style scoped>\nbutton {\n    font-family: 'Wix Madefor Display', sans-serif;\n    color: white;\n    margin: 0;\n}\n\n.tabs-container {\n    flex-wrap: wrap;\n}\n\n.button-tab {\n    width: 223px;\n    font-size: 14px;\n    font-weight: 600;\n    text-align: start;\n    border: 1px solid transparent;\n    background-color: #141417;\n    word-wrap: break-word;\n}\n\n.faq-active-tab {\n    border: 1px solid #3C3A46;\n    background-color: #FFFFFF0A;\n}\n\n@media only screen and (max-width: 995px) {\n    .button-tab {\n        margin-bottom: 12px;\n    }\n}\n@media only screen and (max-width: 580px) {\n    .button-tab {\n        width: 100%;\n    }\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabButtons.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabButtons.vue?vue&type=template&id=ad5c2650&scoped=true&\"\nimport script from \"./TabButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./TabButtons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabButtons.vue?vue&type=style&index=0&id=ad5c2650&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ad5c2650\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}