Add HTML5 document template (#36)

1 files changed, 40 insertions, 0 deletions

diff --git a/components/documents.go b/components/documents.go
new file mode 100644
index 0000000..65f3e63
--- /dev/null
+++ b/components/documents.go
@@ -0,0 +1,40 @@
+package components
+
+import (
+	g "github.com/maragudk/gomponents"
+	"github.com/maragudk/gomponents/attr"
+	"github.com/maragudk/gomponents/el"
+)
+
+// DocumentProps for HTML5.
+// Title is set no matter what, Description and Language elements only if the strings are non-empty.
+type DocumentProps struct {
+	Title       string
+	Description string
+	Language    string
+	Head        []g.Node
+	Body        []g.Node
+}
+
+// HTML5 document template.
+func HTML5(p DocumentProps) g.NodeFunc {
+	var lang, description g.Node
+	if p.Language != "" {
+		lang = attr.Lang(p.Language)
+	}
+	if p.Description != "" {
+		description = el.Meta(attr.Name("description"), attr.Content(p.Description))
+	}
+	return el.Document(
+		el.HTML(lang,
+			el.Head(
+				el.Meta(attr.Charset("utf-8")),
+				el.Meta(attr.Name("viewport"), attr.Content("width=device-width, initial-scale=1")),
+				el.Title(p.Title),
+				description,
+				g.Group(p.Head),
+			),
+			el.Body(g.Group(p.Body)),
+		),
+	)
+}