{"version":3,"file":"index.mjs","sources":["../../../../src/components/Notice/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"computedClass\"\n    class=\"flex items-center gap-2 rounded-md border-l-4 p-4\"\n  >\n    <div v-if=\"variantIcons[props.variant]\" class=\"flex-shrink-0\">\n      <Component :is=\"variantIcons[props.variant]\" size=\"20\" />\n    </div>\n    <div class=\"flex-1\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, PropType, markRaw } from 'vue';\nimport variants from './variants';\nimport {\n  PhInfo,\n  PhWarning,\n  PhXCircle,\n  PhCheckCircle,\n} from '@phosphor-icons/vue';\n\nconst props = defineProps({\n  variant: {\n    type: String as PropType<'info' | 'warning' | 'error' | 'success'>,\n    default: 'info',\n  },\n});\n\nconst variantIcons = {\n  info: markRaw(PhInfo),\n  warning: markRaw(PhWarning),\n  error: markRaw(PhXCircle),\n  success: markRaw(PhCheckCircle),\n};\n\nconst computedClass = computed(() => {\n  return variants[props.variant];\n});\n</script>\n"],"names":["props","__props","variantIcons","markRaw","PhInfo","PhWarning","PhXCircle","PhCheckCircle","computedClass","computed","variants"],"mappings":";;;;;;;;;;;;;;;AAwBA,UAAMA,IAAQC,GAORC,IAAe;AAAA,MACnB,MAAMC,EAAQC,CAAM;AAAA,MACpB,SAASD,EAAQE,CAAS;AAAA,MAC1B,OAAOF,EAAQG,CAAS;AAAA,MACxB,SAASH,EAAQI,CAAa;AAAA,IAAA,GAG1BC,IAAgBC,EAAS,MACtBC,EAASV,EAAM,OAAO,CAC9B;;;;;;;;;;;;;"}