Added eventListPage as a block

DDFORM-59

base.scss

@@ -119,6 +119,7 @@
 @import "./src/stories/Blocks/advanced-search/advanced-search";
 @import "./src/stories/Blocks/article/article";
 @import "./src/stories/Blocks/event-page/event-page";
+@import "./src/stories/Blocks/event-list-page/event-list-page";
 
 @import "./src/styles/scss/shared";
 @import "./src/styles/scss/internal";

src/stories/Blocks/event-list-page/EventListPage.stories.tsx

@@ -0,0 +1,18 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import EventListPage from "./EventListPage";
+
+export default {
+  title: "Blocks/Event List Page",
+  component: EventListPage,
+  parameters: {
+    design: {
+      type: "figma",
+      url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?type=design&node-id=7527-54179&mode=dev",
+    },
+    layout: "fullscreen",
+  },
+} as ComponentMeta<typeof EventListPage>;
+
+const Template: ComponentStory<typeof EventListPage> = () => <EventListPage />;
+
+export const Default = Template.bind({});

src/stories/Blocks/event-list-page/EventListPage.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import EventList from "../../Library/event-list/EventList";
+import eventListData from "../../Library/event-list/EventListData";
+
+const EventListPage: React.FC = () => {
+  return (
+    <div className="event-list-page">
+      <h1 className="event-list-page__heading">Arrangementer</h1>
+      <EventList events={eventListData} />
+    </div>
+  );
+};
+
+export default EventListPage;

src/stories/Blocks/event-list-page/event-list-page.scss

@@ -0,0 +1,10 @@
+.event-list-page {
+  background-color: $color__global-primary;
+}
+
+.event-list-page__heading {
+  @include layout-container($layout__max-width, $s-md);
+  @include typography($typo__h2);
+  margin-bottom: $s-xl;
+  padding-top: $s-xl;
+}