{"version":3,"file":"pzBDOoX5.js","sources":["../../../../node_modules/@smenaspace/ui-layer/components/status/Status.vue"],"sourcesContent":["<script setup lang=\"ts\">\ntype Props = {\n  bgColor?: string\n  textColor?: string\n  text: string\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  bgColor: '',\n  textColor: '',\n})\n\nconst style = computed(() => {\n  const styles: Partial<Record<string, string>> = {}\n\n  if (props.bgColor) styles['--backgroundColor'] = props.bgColor\n  if (props.textColor) styles['--textColor'] = props.textColor\n\n  return styles\n})\n</script>\n\n<template>\n  <span class=\"app-status\" :style=\"style\">\n    {{ text }}\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-status {\n  display: inline-block;\n  max-width: 155px;\n  height: 24px;\n  padding: 4px 8px;\n  overflow: hidden;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 16px;\n  color: var(--textColor, #ffffff);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n  background-color: var(--backgroundColor, #423d7e);\n  border-radius: 100px;\n}\n</style>\n"],"names":["props","__props","style","computed","styles"],"mappings":";;yeAOA,MAAMA,EAAQC,EAKRC,EAAQC,EAAS,IAAM,CAC3B,MAAMC,EAA0C,CAAA,EAEhD,OAAIJ,EAAM,UAAgBI,EAAA,mBAAmB,EAAIJ,EAAM,SACnDA,EAAM,YAAkBI,EAAA,aAAa,EAAIJ,EAAM,WAE5CI,CAAA,CACR","debug_id":"6a8265af-f143-5665-a255-9a6af345ac3a"}