diff --git a/src/components/TransferSummary.vue b/src/components/TransferSummary.vue
new file mode 100644
index 0000000..0d829dc
--- /dev/null
+++ b/src/components/TransferSummary.vue
@@ -0,0 +1,27 @@
+<script>
+// This template uses https://vuejs.org/guide/extras/render-function.html to
+// create DOM elements from properties
+import { h } from 'vue'
+
+export default {
+    props: {
+        summary: { type: String, default: "<h2>Summary Should go here</h2>" }
+    },
+    setup(props) {
+
+        // return the render function
+        return () => h('div', { class: 'bar', innerHTML: props.summary })
+    }
+}
+</script>
+<style>
+span.customer {
+    color: #ff0000;
+    font-weight: bold;
+}
+
+span.iva {
+    color: #0000a0;
+    font-weight: bold;
+}
+</style>
\ No newline at end of file