{"version":3,"file":"_HBNfFL8.js","sources":["../../../../src/components/event/event-cme-indicator.vue"],"sourcesContent":["<template>\n  <div class=\"indicator\">\n    <div class=\"flex-col\">\n      <div class=\"points\">\n        {{ props.cmePoints.toString() }}\n      </div>\n      <div class=\"flex-row leading-3 text-[10px] md:text-[12px] center\">\n        {{ t('event.cmePoints') }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst { t } = useTrans();\n\nconst props = defineProps({\n  cmePoints: {\n    type: Number,\n    required: true,\n  },\n});\n</script>\n<style lang=\"postcss\">\n.indicator {\n  @apply w-[40px] md:w-[50px] h-[40px] md:h-[50px] rounded-[20px] md:rounded-[25px] m-[2px] text-white flex place-items-center justify-center ease-in duration-300 bg-vdv-base;\n}\n.points {\n  @apply font-bold flex-row leading-3 md:leading-5 text-center text-sm md:text-md;\n}\n</style>\n"],"names":["t","useTrans","props","__props"],"mappings":"mUAcM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAAQC"}