add accordion block

web/src/components/blocks/Accordion.tsx

@@ -2,7 +2,7 @@
 import { useId, useState } from "react";
 import styles from "./accordion.module.scss";
 
-export const Accordion = ({ heading }: any) => {
+export const Accordion = ({ heading, children }: any) => {
   const labelId = useId();
   const contentId = useId();
   const [showContent, setShowContent] = useState(false);
@@ -25,7 +25,7 @@ export const Accordion = ({ heading }: any) => {
         className={styles.accordionContent}
         aria-labelledby={labelId}
       >
-        <p>Åpent trekkspill!</p>
+        {children}
       </div>
     </section>
   );

web/src/components/blocks/Blocks.tsx

@@ -3,6 +3,7 @@ import { ImageWithTextBlock } from "./ImageWithTextBlock";
 import { ImageSliderBlock } from "./ImageSliderBlock";
 import { HorizontalRuleBlock } from "./HorizontalRuleBlock";
 import { FeaturedBlock } from "./FeaturedBlock";
+import { AccordionBlock } from "./AccordionBlock";
 import { PageSectionBlock, PageSectionNavigationBlock } from "./PageSection";
 import { ContactSectionBlock, ContactSubsectionBlock } from "./ContactSection";
 import { ContactListBlock } from "./ContactListBlock";
@@ -33,6 +34,9 @@ export const Blocks = ({ blocks }: any) => {
       case "FeaturedBlock":
         return <FeaturedBlock block={block} />;
         break;
+      case "AccordionBlock":
+        return <AccordionBlock block={block} />;
+        break;
       case "PageSectionBlock":
         return <PageSectionBlock block={block} />;
         break;