{"version":3,"file":"fNS_ZMVD.js","sources":["../../../../components/atoms/CollectionButton.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"collectionComputed?.link ? 'a' : 'div'\"\n    :href=\"collectionComputed?.link\"\n    v-if=\"collectionComputed?.collectionTitle\"\n    :class=\"[\n      'atom atom-collection-button self-center inline-block px-3 py-1 mb-4 text-black bg-white rounded-full',\n      disableShadow ? 'drop-shadow-none' : 'drop-shadow',\n    ]\"\n    :title=\"collectionComputed?.link ? 'Explore ' + collection : ''\"\n  >\n    <img\n      v-if=\"!hideCollectionsIcon\"\n      class=\"inline-block w-5\"\n      :src=\"collectionComputed?.sourceUrl\"\n      :alt=\"collectionComputed?.alt\"\n      loading=\"lazy\"\n    />\n    <span\n      :class=\"[\n        'text-sm font-figtree font-semibold',\n        coloredText ? collectionComputed?.textClass : 'text-black',\n      ]\"\n    >\n      {{ collectionComputed?.collectionTitle }}\n    </span>\n    <span v-if=\"plan\" class=\"ml-2 text-sm font-figtree font-semibold\">- {{ plan }}</span>\n  </component>\n</template>\n\n<script setup>\nconst props = defineProps({\n  collection: String,\n  plan: String,\n  disableShadow: Boolean,\n  coloredText: Boolean, // Defaults to black text if false\n});\n\nconst hideCollectionsIcon = true;\n\nconst collectionComputed = computed(() => getCollectionIcon(props?.collection));\n</script>\n"],"names":["hideCollectionsIcon","props","__props","collectionComputed","computed","getCollectionIcon"],"mappings":"yfAsCMA,EAAsB,yHAP5B,MAAMC,EAAQC,EASRC,EAAqBC,EAAS,IAAMC,EAAkBJ,GAAA,YAAAA,EAAO,UAAU,CAAC"}