From fb739b336a82ba468151cd0612d26663898fdccd Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 25 Dec 2018 23:19:55 +0000
Subject: [PATCH] Add title block component

---
 src/components/TitleBlock.vue | 9 +++++++++
 src/main.js                   | 2 ++
 2 files changed, 11 insertions(+)
 create mode 100644 src/components/TitleBlock.vue

diff --git a/src/components/TitleBlock.vue b/src/components/TitleBlock.vue
new file mode 100644
index 0000000..69015df
--- /dev/null
+++ b/src/components/TitleBlock.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="bg-grey-lighter px-4 py-5 border-b-2 border-grey flex justify-between items-center">
+    <div class="w-full md:w-auto flex flex-col">
+      <slot name="left"></slot>
+    </div>
+
+    <slot name="right"></slot>
+  </div>
+</template>
diff --git a/src/main.js b/src/main.js
index 3558060..56df248 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,10 +7,12 @@ Vue.config.productionTip = false
 import HeaderButtons from '@/components/HeaderButtons'
 import Sidebar from '@/components/Sidebar'
 import Navbar from '@/components/Navbar'
+import TitleBlock from '@/components/TitleBlock'
 
 Vue.component('header-buttons', HeaderButtons);
 Vue.component('navbar', Navbar);
 Vue.component('sidebar', Sidebar);
+Vue.component('title-block', TitleBlock);
 
 new Vue({
   render: h => h(App),