Add Verdict Pillbar

client/src/components/inputs/pillbar.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+
+const props = defineModel<{
+  options: {
+    name: string,
+    icon: Component,
+    selected: boolean,
+  }[],
+}>();
+let { options } = $(props);
+
+const emit = defineEmits<{
+  (event: 'selectionChanged'): void
+}>();
+
+function select(option: any) {
+  for(let opt of options) {
+    opt.selected = false;
+  }
+  option.selected = true;
+  emit('selectionChanged');
+  console.debug("selected", options);
+}
+
+</script>
+
+<template>
+  <div>
+    <button class="option" v-for="(option, index) in options" :key="index" :class="{selected:option.selected}" @click="select(option)">
+      <i class="material-icons" v-if="option.icon">{{ option.icon }}</i>
+      {{ option.name }}
+    </button>
+  </div>
+</template>
+
+<style scoped>
+div {
+  flex-flow: nowrap;
+}
+
+.selected {
+  background-color: var(--cl-bg-sl);
+}
+</style>