1 files changed, 34 insertions, 0 deletions
diff --git a/src/components/RecoverAction.vue b/src/components/RecoverAction.vue
new file mode 100644
index 0000000..225bd8a
--- /dev/null
+++ b/src/components/RecoverAction.vue
@@ -0,0 +1,34 @@
+<template>
+	<button class="action-button pull-right" @click="onClickActionButton">
+		<iron-icon icon="ransomware:trash"></iron-icon> {{ label }}
+	</button>
+</template>
+
+<script>
+import '@polymer/iron-icon/iron-icon.js';
+import '@polymer/iron-icons/iron-icons.js';
+import '../webcomponents/ransomware-icons'
+
+export default {
+	name: 'RecoverAction',
+
+	props: {
+		label: {
+			type: String,
+			default: '',
+			required: true
+		}
+	},
+	methods: {
+		onClickActionButton() {
+			this.$emit("recover");
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+    button {
+		--border-radius-pill: 0px;
+	}
+</style>
+\ No newline at end of file