From b1083c934e5127032e64f565de78fc650a8dea1c Mon Sep 17 00:00:00 2001
From: Borja Robert <borja@brobert.net>
Date: Sun, 2 Oct 2022 01:39:09 +0200
Subject: [PATCH] pruebas locas

---
 src/lib/preview/Preview.svelte   |  5 ++++-
 src/lib/templates/heading.svelte | 15 +++++++++++++++
 src/lib/templates/templates.js   | 16 ++++++++++++++--
 src/lib/templates/verde.js       | 11 +++++++++++
 4 files changed, 44 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/templates/heading.svelte

diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte
index c8b0e53..424992f 100644
--- a/src/lib/preview/Preview.svelte
+++ b/src/lib/preview/Preview.svelte
@@ -1,5 +1,7 @@
 <script>
-	import './verde.css';
+	// import './verde.css';
+	import { templates } from '$lib/templates/templates';
+	import Heading from '$lib/templates/Heading.svelte';
 	import {
 		title,
 		subtitle,
@@ -41,6 +43,7 @@
 <div class="preview">
 	<div class="result" bind:this={$canvas}>
 		<div class="heading">{$heading}</div>
+		<Heading template={'verde'} />
 		<div class="title">{$title}</div>
 		<div class="subtitle">{$subtitle}</div>
 		<div class="content">{@html $content}</div>
diff --git a/src/lib/templates/heading.svelte b/src/lib/templates/heading.svelte
new file mode 100644
index 0000000..40a8f5b
--- /dev/null
+++ b/src/lib/templates/heading.svelte
@@ -0,0 +1,15 @@
+<script>
+  import {templates} from '$lib/templates/templates'
+  export let template;
+</script>
+
+<div class="heading" style=`top: ${templates[template].heading.top}`>
+	<input type="text" placeholder="Ej. Charla, taller, coloquio" />
+</div>
+
+
+<style>
+  .heading {
+    position: absolute;
+  }
+</style>
diff --git a/src/lib/templates/templates.js b/src/lib/templates/templates.js
index 675482b..289d461 100644
--- a/src/lib/templates/templates.js
+++ b/src/lib/templates/templates.js
@@ -1,6 +1,18 @@
 import { verde } from '$lib/templates/verde';
+
 /**
-* @type {Array<Object>} 
-*/
+ * @typedef {{
+  * name: string;
+  * heading: Object;
+  * title: string;
+  * subtitle: string;
+  * datetime: string;
+  * weekday: string;
+  * content: string;
+  * address: string;
+ * }} Template
+ */
+
+/** @type Array<Template> */
 export const templates = [];
 templates.push(verde);
diff --git a/src/lib/templates/verde.js b/src/lib/templates/verde.js
index 29d13a1..0ec4041 100644
--- a/src/lib/templates/verde.js
+++ b/src/lib/templates/verde.js
@@ -1,3 +1,14 @@
+/**
+* @typedef {Object}  Template
+* @property name {string}
+* @property heading {Object}
+* @property title {string}
+* @property subtitle {string}
+* @property content {string}
+* @property datetime {string}
+* @property weekday {string}
+* @property address {string}
+*/
 export const verde = {
   name: "verde",
   heading: {