From 43739a3537732c833944b819c27a32838178eb98 Mon Sep 17 00:00:00 2001
From: Seraph91P <maximilianebert1991@gmail.com>
Date: Sat, 10 Aug 2024 13:27:08 +0200
Subject: [PATCH] feat(action-buttons): added new component for all action
 buttons

---
 src/components/ActionButtons.vue | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/ActionButtons.vue

diff --git a/src/components/ActionButtons.vue b/src/components/ActionButtons.vue
new file mode 100644
index 0000000..ee353b2
--- /dev/null
+++ b/src/components/ActionButtons.vue
@@ -0,0 +1,28 @@
+<template>
+    <div class="space-x-1">
+      <a v-if="showDownload" :href="downloadUrl" download>
+        <button class="px-2 py-1.5 rounded-lg bg-purple">
+          <v-icon name="md-download-round"></v-icon>
+        </button>
+      </a>
+      <button v-if="showTheatreMode" @click="$emit('toggleTheatreMode')" class="invisible xl:visible px-2 py-1.5 rounded-lg bg-purple">
+        <v-icon name="fa-expand"></v-icon>
+      </button>
+      <button v-if="showShare" @click="$emit('toggleShareModal')" class="px-2 py-1.5 rounded-lg bg-purple">
+        <v-icon name="fa-share-alt"></v-icon>
+      </button>
+    </div>
+  </template>
+  
+  <script lang="ts">
+  export default {
+    props: {
+      showDownload: Boolean,
+      showTheatreMode: Boolean,
+      showShare: Boolean,
+      downloadUrl: String
+    },
+    emits: ['toggleTheatreMode', 'toggleShareModal']
+  }
+  </script>
+  
\ No newline at end of file