{"version":3,"file":"CUTMxmGY.js","sources":["../../../../components/atoms/CollectionButton.vue"],"sourcesContent":["<template>\n  <a\n    :href=\"collectionComputed?.link\"\n    v-if=\"collection\"\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      collectionComputed?.link ? 'cursor-pointer' : 'cursor-default',\n    ]\"\n    :title=\"\n      collectionComputed?.link\n        ? 'Explore ' + collectionComputed?.collectionTitle\n        : ''\n    \"\n  >\n    <img\n      class=\"inline-block w-5\"\n      :src=\"collectionComputed?.sourceUrl\"\n      :alt=\"collectionComputed?.alt\"\n    />\n    <span\n      :class=\"[\n        'text-sm font-archer font-semibold',\n        coloredText ? collectionComputed?.textClass : 'text-black',\n      ]\"\n    >\n      {{ collectionComputed.collectionTitle }}\n    </span>\n  </a>\n</template>\n\n<script setup>\nconst props = defineProps({\n  collection: String,\n  disableShadow: Boolean,\n  coloredText: Boolean, // Defaults to black text if false\n});\n\nconst collectionComputed = computed(() => getCollectionIcon(props?.collection));\n</script>\n"],"names":["props","__props","collectionComputed","computed","getCollectionIcon"],"mappings":"qiBAgCA,MAAMA,EAAQC,EAMRC,EAAqBC,EAAS,IAAMC,EAAkBJ,GAAA,YAAAA,EAAO,UAAU,CAAC"}