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