From f3d820a78e9adc3b5822d82c31619720b68a986c Mon Sep 17 00:00:00 2001
From: Borja Robert <borja@brobert.net>
Date: Mon, 3 Oct 2022 02:19:10 +0200
Subject: [PATCH] =?UTF-8?q?ahora=20lo=20vuelvo=20a=20a=C3=B1adir=20con=20s?=
 =?UTF-8?q?u=20nombre=20correcto=20y=20tiro?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/templates/Heading.svelte | 34 ++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/lib/templates/Heading.svelte

diff --git a/src/lib/templates/Heading.svelte b/src/lib/templates/Heading.svelte
new file mode 100644
index 0000000..3a4d0e7
--- /dev/null
+++ b/src/lib/templates/Heading.svelte
@@ -0,0 +1,34 @@
+<script>
+	import { templates } from '$lib/templates/templates';
+
+	/** @type number */ export let templateIndex;
+	import { heading } from '$lib/stores/store';
+</script>
+
+{#if $heading && templates[templateIndex].heading}
+	<div
+		class="heading"
+		style="
+  top: {templates[templateIndex].heading.top}px;
+  height: {templates[templateIndex].heading.height}rem;
+  left: {templates[templateIndex].heading.left}rem;
+  right: {templates[templateIndex].heading.right}rem;
+  color: {templates[templateIndex].heading.color};
+  font-size: {templates[templateIndex].heading.fontSize}rem;
+  font-family: {templates[templateIndex].heading.fontFamily};
+	text-align: {templates[templateIndex].heading.textAlign};
+	font-weight: {templates[templateIndex].heading.fontWeight};
+	line-height: {templates[templateIndex].heading.lineHeight}rem;
+  "
+	>
+		{$heading}
+	</div>
+{/if}
+
+<style>
+	.heading {
+		position: absolute;
+		font-variant: small-caps;
+		overflow: hidden;
+	}
+</style>