From 3d1e34a5b049ff2f9bdcae402c34c6ca2f17f61c Mon Sep 17 00:00:00 2001
From: Kevin Martinez <kevin.martinez@mindshore.io>
Date: Sun, 24 Mar 2024 16:05:04 -0300
Subject: [PATCH] Create worker date label

---
 src/pages/Worker/Card/WorkerDateLabel.vue | 40 +++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/pages/Worker/Card/WorkerDateLabel.vue

diff --git a/src/pages/Worker/Card/WorkerDateLabel.vue b/src/pages/Worker/Card/WorkerDateLabel.vue
new file mode 100644
index 000000000..e087ccf72
--- /dev/null
+++ b/src/pages/Worker/Card/WorkerDateLabel.vue
@@ -0,0 +1,40 @@
+<script setup>
+defineProps({
+    color: {
+        type: String,
+        default: null,
+    },
+    avatarClass: {
+        type: String,
+        default: null,
+    },
+    selected: {
+        type: Boolean,
+        default: undefined,
+    },
+});
+defineEmits(['update:selected']);
+</script>
+
+<template>
+    <QChip
+        class="chip"
+        :selected="selected"
+        :style="selected ? { backgroundColor: color } : null"
+        :text-color="selected ? 'white' : null"
+        @update:selected="$emit('update:selected', $event)"
+    >
+        <QAvatar
+            :color="color"
+            :class="avatarClass"
+            :style="{ backgroundColor: color }"
+        />
+        <slot />
+    </QChip>
+</template>
+
+<style scoped lang="scss">
+.chip {
+    background-color: var(--vn-light-gray);
+}
+</style>