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

const AnmeldungPreview = ({ widgetsFor, widgetFor, entry }) => {
  return [
    PageHeader(entry),
    h(
      "section",
      { className: "section" },
      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;