import { PageHeader } from "./components/index.js";

const AnmeldungPreview = ({ widgetsFor, widgetFor, entry }) => {
	return [
		PageHeader(entry),
		h(
			"section",
			{ className: "section-sm" },
			h(
				"div",
				{ className: "container" },
				h(
					"div",
					{ className: "row mb-4" },
					h("div", { className: "col-md-6 content" }, widgetFor("body"))
				),
				h(
					"div",
					{ className: "row" },
					widgetsFor("elements").map(function (element, index) {
						return h(
							"div",
							{
								className: "col-lg-6 col-sm-6 mb-4 d-flex align-items-stretch",
							},
							h(
								"div",
								{ className: "card rounded-0 hover-shadow border-primary" },
								h(
									"div",
									{ className: "card-body" },
									h("h4", { className: "card-title mb-3" }, element.data.title),
									h("div", { className: "content" }, element.widgets.content)
								)
							)
						);
					})
				)
			)
		),
	];
};

export default AnmeldungPreview;