From d110b5fe7843f558c1bc8ff256eeb9332392bab2 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 27 Feb 2022 00:00:52 +0000
Subject: [PATCH] refactor: extract a component for a link button

---
 source/_includes/link-button.html.twig | 6 ++++++
 source/_pages/drupal-testing.md        | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 source/_includes/link-button.html.twig

diff --git a/source/_includes/link-button.html.twig b/source/_includes/link-button.html.twig
new file mode 100644
index 00000000..48dfa65d
--- /dev/null
+++ b/source/_includes/link-button.html.twig
@@ -0,0 +1,6 @@
+<a
+    class="inline-flex items-center px-6 py-3 text-base font-medium rounded-md bg-blue-primary text-white no-underline hover:bg-white hover:text-blue-primary focus:bg-white focus:text-blue-primary transition-color ease-in-out duration-200"
+    href="{{ href }}"
+>
+    {% block text '' %}
+</a>
diff --git a/source/_pages/drupal-testing.md b/source/_pages/drupal-testing.md
index f91a8990..ce6c78d5 100644
--- a/source/_pages/drupal-testing.md
+++ b/source/_pages/drupal-testing.md
@@ -40,7 +40,11 @@ The workshop is currently only available remotely, and the next available date i
 Seats are available at {% if page.early %}an <span class="font-bold">early bird price of £{{ page.prices.early }}</span>{% else %}<span class="font-bold">£{{ page.prices.full }}</span>{% endif %}, with a 10% discount for bulk orders of 5 or more seats.
 
 <div class="mt-6">
-    <a class="inline-flex items-center px-6 py-3 text-base font-medium rounded-md bg-blue-primary text-white no-underline hover:bg-white hover:text-blue-primary focus:bg-white focus:text-blue-primary transition-color ease-in-out duration-200" href="mailto:{{ site.email }}?subject=Drupal testing workshop">Contact me to book</a>
+    {% embed 'link-button' with {
+        href: 'mailto:' ~ site.email ~ '?subject=Drupal testing workshop',
+    } only %}
+        {% block text 'Contact me to book' %}
+    {% endembed %}
 </div>
 
 <hr class="my-12 border-t border-gray-50"/>