npm - @city-of-helsinki/react-helsinki-headless-cms - Versions diffs - 3.0.0-rc.1 → 3.0.0 - Mend

@city-of-helsinki/react-helsinki-headless-cms 3.0.0-rc.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (473) hide show

package/dist/cjs/src/core/pageContent/PageContent.stories.d.ts ADDED Viewed

@@ -0,0 +1,1146 @@
+import React from 'react';
+import { PageContent } from './PageContent';
+import { Collection } from '../collection/Collection';
+import { Card } from '../card/Card';
+import type { ArticleType, PageType } from '../../common/headlessService/types';
+declare const _default: {
+    title: string;
+    component: typeof PageContent;
+    subcomponents: {
+        Collection: typeof Collection;
+        Card: typeof Card;
+    };
+    argTypes: {
+        heroContainer: {
+            control: false;
+        };
+        breadcrumbs: {
+            control: false;
+        };
+        shareLinks: {
+            control: false;
+        };
+        collections: {
+            control: false;
+        };
+        sidebarContentProps: {
+            control: false;
+        };
+        content: {
+            control: false;
+        };
+    };
+};
+export default _default;
+export declare const PageContentDefault: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+        page?: PageType | ArticleType;
+        breadcrumbs?: import("./types").BreadcrumbUnionType | ((page?: PageType | ArticleType) => import("./types").BreadcrumbUnionType);
+        content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+        shareLinks?: React.ReactNode;
+        collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+        heroContainer?: JSX.Element;
+        backUrl?: string;
+        sidebarContentProps?: Partial<typeof import("./sidebarContent/SidebarContent").default>;
+        PageContentLayoutComponent?: typeof import("./PageContentLayout").PageContentLayout;
+        className?: string;
+        onArticlesSearch?: (tag: string) => void;
+    } & Partial<typeof import("./PageContentLayout").PageContentLayout>>;
+    args: {
+        backUrl: string;
+        page: {
+            readonly id: "abc";
+            readonly content: "\n  <p><strong>Taiteen ja kulttuurin Helsinki</strong></p>\n  <p>Taiteen ja kulttuurin näkökulmasta helsinkiläiset lapset ja nuoret ovat poikkeuksellisessa asemassa. Kaupungissamme on valtavasti uusia ja yllätyksellisiä ympäristöjä aistia, kokea, oppia uutta ja osallistua maailmanmenoon. Kaupungissa toimii laaja joukko taiteen ja kulttuuriperinnön toimijoita, joista lukuisat tarjoavat sisältöjä lapsille ja nuorille, myös varhaiskasvatus- tai koulupäivän yhteyteen. Monipuolisten kokemusten äärelle pääsee kuitenkin vain osa lapsista ja nuorista. Taustalla ovat mm. huoltajien&nbsp;sosioekonominen tilanne sekä perheen kiinnostus ja tieto taide- ja kulttuurisisällöistä. Kulttuurikasvatusta ja kulttuurikasvatussuunnitelmaa tarvitaan, jotta taide ja kulttuuri olisivat&nbsp;tasapuolisesti osa jokaisen lapsen ja nuoren arkea ja elämänikänen yhteys taiteeseen ja kulttuuriin saa hyvän pohjan.</p>\n  <p><strong>Lapsi ja nuori keskiössä</strong></p>\n  <p>Jokainen lapsi on syntyessään aktiivinen ympäristönsä tutkija. Lapsuus on tässä ja nyt. Lapsi tai nuori on aktiivinen toimija, kokija ja näkijä. Lapsuus ja nuoruus ovat&nbsp;ihmisen elinkaaressa itsessään ainutlaatuisia, merkittäviä ja herkkiä ajanjaksoja. Lapsuuden aika vaikuttaa koko elinkaaren ajan, nuoruuteen, aikuisuuteen ja vanhuuteen asti. Lapsen ja nuoren kasvu kohti vahvaa, ilmaisevaa ja omaa elämäänsä hallitsevaa tulevaisuutta edellyttää turvallista, monipuolista ja toimijuutta vahvistavaa kasvuympäristöä.</p>\n  <p><strong>Kulttuurikasvatussuunnitelma </strong></p>\n  <p>Kulttuurikasvatussuunnitelma&nbsp;Helsingissä toimii Kulttuuri- ja vapaa-aika -toimialan, Kasvatus ja koulutus -toimialan&nbsp;(sis. yksityisen koulut)&nbsp;sekä taide-&nbsp;ja&nbsp;kulttuuritoimijoiden välisenä&nbsp;ohjaavana suunnitelmana.&nbsp;Yhteistyön tavoitteena on&nbsp;säännöllisten ja helposti&nbsp;lähestyttävien toimintatapojen, kuten kulttuuripolkujen,&nbsp;viestintäpalveluiden (esim. Kultus.fi) ja alan&nbsp;verkostojen&nbsp;kehittäminen ja ylläpitäminen. Suunnitelma koskee varhaiskasvatusta ja kouluja. Taide- ja taitoaineiden tavoitteet määritellään opetussuunnitelmissa ja varhaiskasvatussuunnitelmissa. Kulttuurikasvatusta voi sisältyä myös näiden kokonaisuuksien sisään.&nbsp;</p>\n  <p>Helsingin kulttuurikasvatussuunnitelma koskee kulttuuriperinnön, kulttuuriperintökasvatuksen, taiteen ja taidekasvatuksen sisältöjä, menetelmiä ja paikkoja. Se ei kuitenkaan ohjaa lapsen, nuoren tai perheen vapaa-ajan kulttuuri- ja taidekasvatuksen yhteistyön muotoja.</p>\n  <ul><li>List item 1</li><li>List item 1</li><li>List item 1</li><li><ul><li>Nested list item 1</li></ul></li></ul>\n  ";
+            readonly title: "Kulttuurikasvatus";
+            readonly featuredImage: {
+                readonly node: {
+                    readonly mediaItemUrl: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly medium_large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly altText: "Picture with content";
+                    readonly title: "Picture with content title";
+                };
+            };
+            readonly sidebar: (import("..").LayoutLinkList | {
+                readonly title: "Cherry Picked Articles";
+                readonly articles: [{
+                    readonly id: "bdf";
+                    readonly title: "AV-arkki: Miltä tuntuu? – Taide tunnekasvatuksen tukena";
+                    readonly link: "/oppimateriaalit-2/alakoulu/av-arkki-milta-tuntuu-taide-tunnekasvatuksen-tukena";
+                    readonly featuredImage: {
+                        readonly node: {
+                            readonly altText: "image description";
+                            readonly mediaItemUrl: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                            readonly medium_large: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                        };
+                    };
+                    readonly __typename: "Post";
+                }, {
+                    readonly id: "bdfd";
+                    readonly title: "Alakoulu artikkeli";
+                    readonly link: "/alakoulu/alakoulu-artikkeli";
+                    readonly __typename: "Post";
+                }];
+                readonly __typename: "LayoutArticles";
+            } | {
+                readonly title: "Collected pages";
+                readonly pages: [{
+                    readonly id: "dfg";
+                    readonly title: "Oppimateriaalit";
+                    readonly link: "/oppimateriaalit-2";
+                    readonly __typename: "Page";
+                }];
+                readonly __typename: "LayoutPages";
+            } | import("../../common/headlessService/__generated__").LayoutCardsFragment)[];
+            readonly modules: (import("..").LayoutArticle | import("..").LayoutPage | import("..").LayoutArticleCarousel | import("..").LayoutPageCarousel | import("..").EventSearch | import("..").EventSearchCarousel | import("..").EventSelected | import("..").EventSelectedCarousel | import("..").LocationsSelected | import("..").LocationsSelectedCarousel)[];
+        };
+    };
+};
+export declare const PageContentWithDefinedCollections: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+        page?: PageType | ArticleType;
+        breadcrumbs?: import("./types").BreadcrumbUnionType | ((page?: PageType | ArticleType) => import("./types").BreadcrumbUnionType);
+        content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+        shareLinks?: React.ReactNode;
+        collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+        heroContainer?: JSX.Element;
+        backUrl?: string;
+        sidebarContentProps?: Partial<typeof import("./sidebarContent/SidebarContent").default>;
+        PageContentLayoutComponent?: typeof import("./PageContentLayout").PageContentLayout;
+        className?: string;
+        onArticlesSearch?: (tag: string) => void;
+    } & Partial<typeof import("./PageContentLayout").PageContentLayout>>;
+    args: {
+        backUrl: string;
+        page: {
+            readonly id: "abc";
+            readonly content: "\n  <p><strong>Taiteen ja kulttuurin Helsinki</strong></p>\n  <p>Taiteen ja kulttuurin näkökulmasta helsinkiläiset lapset ja nuoret ovat poikkeuksellisessa asemassa. Kaupungissamme on valtavasti uusia ja yllätyksellisiä ympäristöjä aistia, kokea, oppia uutta ja osallistua maailmanmenoon. Kaupungissa toimii laaja joukko taiteen ja kulttuuriperinnön toimijoita, joista lukuisat tarjoavat sisältöjä lapsille ja nuorille, myös varhaiskasvatus- tai koulupäivän yhteyteen. Monipuolisten kokemusten äärelle pääsee kuitenkin vain osa lapsista ja nuorista. Taustalla ovat mm. huoltajien&nbsp;sosioekonominen tilanne sekä perheen kiinnostus ja tieto taide- ja kulttuurisisällöistä. Kulttuurikasvatusta ja kulttuurikasvatussuunnitelmaa tarvitaan, jotta taide ja kulttuuri olisivat&nbsp;tasapuolisesti osa jokaisen lapsen ja nuoren arkea ja elämänikänen yhteys taiteeseen ja kulttuuriin saa hyvän pohjan.</p>\n  <p><strong>Lapsi ja nuori keskiössä</strong></p>\n  <p>Jokainen lapsi on syntyessään aktiivinen ympäristönsä tutkija. Lapsuus on tässä ja nyt. Lapsi tai nuori on aktiivinen toimija, kokija ja näkijä. Lapsuus ja nuoruus ovat&nbsp;ihmisen elinkaaressa itsessään ainutlaatuisia, merkittäviä ja herkkiä ajanjaksoja. Lapsuuden aika vaikuttaa koko elinkaaren ajan, nuoruuteen, aikuisuuteen ja vanhuuteen asti. Lapsen ja nuoren kasvu kohti vahvaa, ilmaisevaa ja omaa elämäänsä hallitsevaa tulevaisuutta edellyttää turvallista, monipuolista ja toimijuutta vahvistavaa kasvuympäristöä.</p>\n  <p><strong>Kulttuurikasvatussuunnitelma </strong></p>\n  <p>Kulttuurikasvatussuunnitelma&nbsp;Helsingissä toimii Kulttuuri- ja vapaa-aika -toimialan, Kasvatus ja koulutus -toimialan&nbsp;(sis. yksityisen koulut)&nbsp;sekä taide-&nbsp;ja&nbsp;kulttuuritoimijoiden välisenä&nbsp;ohjaavana suunnitelmana.&nbsp;Yhteistyön tavoitteena on&nbsp;säännöllisten ja helposti&nbsp;lähestyttävien toimintatapojen, kuten kulttuuripolkujen,&nbsp;viestintäpalveluiden (esim. Kultus.fi) ja alan&nbsp;verkostojen&nbsp;kehittäminen ja ylläpitäminen. Suunnitelma koskee varhaiskasvatusta ja kouluja. Taide- ja taitoaineiden tavoitteet määritellään opetussuunnitelmissa ja varhaiskasvatussuunnitelmissa. Kulttuurikasvatusta voi sisältyä myös näiden kokonaisuuksien sisään.&nbsp;</p>\n  <p>Helsingin kulttuurikasvatussuunnitelma koskee kulttuuriperinnön, kulttuuriperintökasvatuksen, taiteen ja taidekasvatuksen sisältöjä, menetelmiä ja paikkoja. Se ei kuitenkaan ohjaa lapsen, nuoren tai perheen vapaa-ajan kulttuuri- ja taidekasvatuksen yhteistyön muotoja.</p>\n  <ul><li>List item 1</li><li>List item 1</li><li>List item 1</li><li><ul><li>Nested list item 1</li></ul></li></ul>\n  ";
+            readonly title: "Kulttuurikasvatus";
+            readonly featuredImage: {
+                readonly node: {
+                    readonly mediaItemUrl: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly medium_large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly altText: "Picture with content";
+                    readonly title: "Picture with content title";
+                };
+            };
+            readonly sidebar: (import("..").LayoutLinkList | {
+                readonly title: "Cherry Picked Articles";
+                readonly articles: [{
+                    readonly id: "bdf";
+                    readonly title: "AV-arkki: Miltä tuntuu? – Taide tunnekasvatuksen tukena";
+                    readonly link: "/oppimateriaalit-2/alakoulu/av-arkki-milta-tuntuu-taide-tunnekasvatuksen-tukena";
+                    readonly featuredImage: {
+                        readonly node: {
+                            readonly altText: "image description";
+                            readonly mediaItemUrl: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                            readonly medium_large: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                        };
+                    };
+                    readonly __typename: "Post";
+                }, {
+                    readonly id: "bdfd";
+                    readonly title: "Alakoulu artikkeli";
+                    readonly link: "/alakoulu/alakoulu-artikkeli";
+                    readonly __typename: "Post";
+                }];
+                readonly __typename: "LayoutArticles";
+            } | {
+                readonly title: "Collected pages";
+                readonly pages: [{
+                    readonly id: "dfg";
+                    readonly title: "Oppimateriaalit";
+                    readonly link: "/oppimateriaalit-2";
+                    readonly __typename: "Page";
+                }];
+                readonly __typename: "LayoutPages";
+            } | import("../../common/headlessService/__generated__").LayoutCardsFragment)[];
+            readonly modules: (import("..").LayoutArticle | import("..").LayoutPage | import("..").LayoutArticleCarousel | import("..").LayoutPageCarousel | import("..").EventSearch | import("..").EventSearchCarousel | import("..").EventSelected | import("..").EventSelectedCarousel | import("..").LocationsSelected | import("..").LocationsSelectedCarousel)[];
+        };
+    };
+};
+export declare const PageContentWithFunctions: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+        page?: PageType | ArticleType;
+        breadcrumbs?: import("./types").BreadcrumbUnionType | ((page?: PageType | ArticleType) => import("./types").BreadcrumbUnionType);
+        content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+        shareLinks?: React.ReactNode;
+        collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+        heroContainer?: JSX.Element;
+        backUrl?: string;
+        sidebarContentProps?: Partial<typeof import("./sidebarContent/SidebarContent").default>;
+        PageContentLayoutComponent?: typeof import("./PageContentLayout").PageContentLayout;
+        className?: string;
+        onArticlesSearch?: (tag: string) => void;
+    } & Partial<typeof import("./PageContentLayout").PageContentLayout>>;
+    args: {
+        backUrl: string;
+        page: {
+            readonly id: "abc";
+            readonly content: "\n  <p><strong>Taiteen ja kulttuurin Helsinki</strong></p>\n  <p>Taiteen ja kulttuurin näkökulmasta helsinkiläiset lapset ja nuoret ovat poikkeuksellisessa asemassa. Kaupungissamme on valtavasti uusia ja yllätyksellisiä ympäristöjä aistia, kokea, oppia uutta ja osallistua maailmanmenoon. Kaupungissa toimii laaja joukko taiteen ja kulttuuriperinnön toimijoita, joista lukuisat tarjoavat sisältöjä lapsille ja nuorille, myös varhaiskasvatus- tai koulupäivän yhteyteen. Monipuolisten kokemusten äärelle pääsee kuitenkin vain osa lapsista ja nuorista. Taustalla ovat mm. huoltajien&nbsp;sosioekonominen tilanne sekä perheen kiinnostus ja tieto taide- ja kulttuurisisällöistä. Kulttuurikasvatusta ja kulttuurikasvatussuunnitelmaa tarvitaan, jotta taide ja kulttuuri olisivat&nbsp;tasapuolisesti osa jokaisen lapsen ja nuoren arkea ja elämänikänen yhteys taiteeseen ja kulttuuriin saa hyvän pohjan.</p>\n  <p><strong>Lapsi ja nuori keskiössä</strong></p>\n  <p>Jokainen lapsi on syntyessään aktiivinen ympäristönsä tutkija. Lapsuus on tässä ja nyt. Lapsi tai nuori on aktiivinen toimija, kokija ja näkijä. Lapsuus ja nuoruus ovat&nbsp;ihmisen elinkaaressa itsessään ainutlaatuisia, merkittäviä ja herkkiä ajanjaksoja. Lapsuuden aika vaikuttaa koko elinkaaren ajan, nuoruuteen, aikuisuuteen ja vanhuuteen asti. Lapsen ja nuoren kasvu kohti vahvaa, ilmaisevaa ja omaa elämäänsä hallitsevaa tulevaisuutta edellyttää turvallista, monipuolista ja toimijuutta vahvistavaa kasvuympäristöä.</p>\n  <p><strong>Kulttuurikasvatussuunnitelma </strong></p>\n  <p>Kulttuurikasvatussuunnitelma&nbsp;Helsingissä toimii Kulttuuri- ja vapaa-aika -toimialan, Kasvatus ja koulutus -toimialan&nbsp;(sis. yksityisen koulut)&nbsp;sekä taide-&nbsp;ja&nbsp;kulttuuritoimijoiden välisenä&nbsp;ohjaavana suunnitelmana.&nbsp;Yhteistyön tavoitteena on&nbsp;säännöllisten ja helposti&nbsp;lähestyttävien toimintatapojen, kuten kulttuuripolkujen,&nbsp;viestintäpalveluiden (esim. Kultus.fi) ja alan&nbsp;verkostojen&nbsp;kehittäminen ja ylläpitäminen. Suunnitelma koskee varhaiskasvatusta ja kouluja. Taide- ja taitoaineiden tavoitteet määritellään opetussuunnitelmissa ja varhaiskasvatussuunnitelmissa. Kulttuurikasvatusta voi sisältyä myös näiden kokonaisuuksien sisään.&nbsp;</p>\n  <p>Helsingin kulttuurikasvatussuunnitelma koskee kulttuuriperinnön, kulttuuriperintökasvatuksen, taiteen ja taidekasvatuksen sisältöjä, menetelmiä ja paikkoja. Se ei kuitenkaan ohjaa lapsen, nuoren tai perheen vapaa-ajan kulttuuri- ja taidekasvatuksen yhteistyön muotoja.</p>\n  <ul><li>List item 1</li><li>List item 1</li><li>List item 1</li><li><ul><li>Nested list item 1</li></ul></li></ul>\n  ";
+            readonly title: "Kulttuurikasvatus";
+            readonly featuredImage: {
+                readonly node: {
+                    readonly mediaItemUrl: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly medium_large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly large: "https://api.hel.fi/linkedevents-test/media/images/a-sip_netin_tapahtumakuva.1080x648_T3brYn4.jpg";
+                    readonly altText: "Picture with content";
+                    readonly title: "Picture with content title";
+                };
+            };
+            readonly sidebar: (import("..").LayoutLinkList | {
+                readonly title: "Cherry Picked Articles";
+                readonly articles: [{
+                    readonly id: "bdf";
+                    readonly title: "AV-arkki: Miltä tuntuu? – Taide tunnekasvatuksen tukena";
+                    readonly link: "/oppimateriaalit-2/alakoulu/av-arkki-milta-tuntuu-taide-tunnekasvatuksen-tukena";
+                    readonly featuredImage: {
+                        readonly node: {
+                            readonly altText: "image description";
+                            readonly mediaItemUrl: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                            readonly medium_large: "https://kultus.app-staging.hkih.hion.dev/app/uploads/2022/01/ae0d30ec-w_c3391_l_web.jpeg";
+                        };
+                    };
+                    readonly __typename: "Post";
+                }, {
+                    readonly id: "bdfd";
+                    readonly title: "Alakoulu artikkeli";
+                    readonly link: "/alakoulu/alakoulu-artikkeli";
+                    readonly __typename: "Post";
+                }];
+                readonly __typename: "LayoutArticles";
+            } | {
+                readonly title: "Collected pages";
+                readonly pages: [{
+                    readonly id: "dfg";
+                    readonly title: "Oppimateriaalit";
+                    readonly link: "/oppimateriaalit-2";
+                    readonly __typename: "Page";
+                }];
+                readonly __typename: "LayoutPages";
+            } | import("../../common/headlessService/__generated__").LayoutCardsFragment)[];
+            readonly modules: (import("..").LayoutArticle | import("..").LayoutPage | import("..").LayoutArticleCarousel | import("..").LayoutPageCarousel | import("..").EventSearch | import("..").EventSearchCarousel | import("..").EventSelected | import("..").EventSelectedCarousel | import("..").LocationsSelected | import("..").LocationsSelectedCarousel)[];
+        };
+        content: (page: PageType | ArticleType) => React.JSX.Element;
+        collections: (page: PageType | ArticleType) => React.JSX.Element[];
+    };
+};
+export declare const PageContentArticle: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+        page?: PageType | ArticleType;
+        breadcrumbs?: import("./types").BreadcrumbUnionType | ((page?: PageType | ArticleType) => import("./types").BreadcrumbUnionType);
+        content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+        shareLinks?: React.ReactNode;
+        collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+        heroContainer?: JSX.Element;
+        backUrl?: string;
+        sidebarContentProps?: Partial<typeof import("./sidebarContent/SidebarContent").default>;
+        PageContentLayoutComponent?: typeof import("./PageContentLayout").PageContentLayout;
+        className?: string;
+        onArticlesSearch?: (tag: string) => void;
+    } & Partial<typeof import("./PageContentLayout").PageContentLayout>>;
+    args: {
+        heroContainer: React.JSX.Element;
+        backUrl: string;
+        page: {
+            __typename?: "Post";
+            id: string;
+            date?: string | null;
+            content?: string | null;
+            slug?: string | null;
+            title?: string | null;
+            uri?: string | null;
+            link?: string | null;
+            lead?: string | null;
+            categories?: {
+                __typename?: "PostToCategoryConnection";
+                edges: Array<{
+                    __typename?: "PostToCategoryConnectionEdge";
+                    node: {
+                        __typename?: "Category";
+                        id: string;
+                        name?: string | null;
+                    };
+                }>;
+            } | null;
+            seo?: {
+                __typename?: "SEO";
+                title?: string | null;
+                description?: string | null;
+                openGraphTitle?: string | null;
+                openGraphDescription?: string | null;
+                openGraphType?: string | null;
+                twitterTitle?: string | null;
+                twitterDescription?: string | null;
+                canonicalUrl?: string | null;
+                socialImage?: {
+                    __typename?: "MediaItem";
+                    mediaItemUrl?: string | null;
+                } | null;
+            } | null;
+            language?: {
+                __typename?: "Language";
+                code?: import("..").LanguageCodeEnum | null;
+                id: string;
+                locale?: string | null;
+                name?: string | null;
+                slug?: string | null;
+            } | null;
+            translations?: Array<{
+                __typename?: "Post";
+                uri?: string | null;
+                slug?: string | null;
+                language?: {
+                    __typename?: "Language";
+                    code?: import("..").LanguageCodeEnum | null;
+                    id: string;
+                    locale?: string | null;
+                    name?: string | null;
+                    slug?: string | null;
+                } | null;
+                seo?: {
+                    __typename?: "SEO";
+                    title?: string | null;
+                    description?: string | null;
+                    openGraphTitle?: string | null;
+                    openGraphDescription?: string | null;
+                    openGraphType?: string | null;
+                    twitterTitle?: string | null;
+                    twitterDescription?: string | null;
+                    canonicalUrl?: string | null;
+                    socialImage?: {
+                        __typename?: "MediaItem";
+                        mediaItemUrl?: string | null;
+                    } | null;
+                } | null;
+            } | null> | null;
+            featuredImage?: {
+                __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                node: {
+                    __typename?: "MediaItem";
+                    mediaItemUrl?: string | null;
+                    link?: string | null;
+                    altText?: string | null;
+                    mimeType?: string | null;
+                    title?: string | null;
+                    uri?: string | null;
+                    photographerName?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                };
+            } | null;
+            breadcrumbs?: Array<{
+                __typename?: "Breadcrumb";
+                title?: string | null;
+                uri?: string | null;
+            } | null> | null;
+            sidebar?: Array<{
+                __typename: "LayoutArticles";
+                title?: string | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCards";
+                cards?: Array<{
+                    __typename?: "Card";
+                    backgroundColor?: string | null;
+                    description?: string | null;
+                    icon?: string | null;
+                    title?: string | null;
+                    link?: {
+                        __typename?: "Link";
+                        target?: string | null;
+                        title?: string | null;
+                        url?: string | null;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutLinkList";
+                anchor?: string | null;
+                title?: string | null;
+                description?: string | null;
+                links?: Array<{
+                    __typename?: "Link";
+                    target?: string | null;
+                    title?: string | null;
+                    url?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPages";
+                title?: string | null;
+                description?: string | null;
+                showAllLink?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | null> | null;
+            modules?: Array<{
+                __typename: "EventSearch";
+                title?: string | null;
+                url?: string | null;
+                module?: string | null;
+                showAllLink?: string | null;
+                showAllLinkCustom?: string | null;
+            } | {
+                __typename: "EventSearchCarousel";
+                title?: string | null;
+                url?: string | null;
+                orderNewestFirst?: boolean | null;
+                eventsNearby?: boolean | null;
+                amountOfCards?: number | null;
+                showAllLink?: string | null;
+                showAllLinkCustom?: string | null;
+            } | {
+                __typename: "EventSelected";
+                title?: string | null;
+                events?: Array<string | null> | null;
+                module?: string | null;
+            } | {
+                __typename: "EventSelectedCarousel";
+                title?: string | null;
+                module?: string | null;
+                eventsNearby?: boolean | null;
+                events?: Array<string | null> | null;
+                amountOfCardsPerRow?: number | null;
+                amountOfCards?: number | null;
+            } | {
+                __typename?: "LayoutArticleHighlights";
+            } | {
+                __typename: "LayoutArticles";
+                title?: string | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutArticlesCarousel";
+                title?: string | null;
+                showMore?: Array<string | null> | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCard";
+                alignment?: string | null;
+                backgroundColor?: string | null;
+                description?: string | null;
+                title?: string | null;
+                link?: {
+                    __typename?: "Link";
+                    target?: string | null;
+                    title?: string | null;
+                    url?: string | null;
+                } | null;
+                image?: {
+                    __typename?: "Image";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium?: string | null;
+                    medium_large?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename: "LayoutCards";
+                cards?: Array<{
+                    __typename?: "Card";
+                    backgroundColor?: string | null;
+                    description?: string | null;
+                    icon?: string | null;
+                    title?: string | null;
+                    link?: {
+                        __typename?: "Link";
+                        target?: string | null;
+                        title?: string | null;
+                        url?: string | null;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCollection";
+                collection?: {
+                    __typename?: "Collection";
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename?: "LayoutContact";
+            } | {
+                __typename: "LayoutContent";
+                backgroundColor?: string | null;
+                content?: string | null;
+                title?: string | null;
+            } | {
+                __typename: "LayoutImage";
+                border?: boolean | null;
+                photographer_name?: string | null;
+                show_on_lightbox?: boolean | null;
+                image?: {
+                    __typename?: "Image";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename: "LayoutImageGallery";
+                gallery?: Array<{
+                    __typename?: "GalleryImage";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPages";
+                title?: string | null;
+                description?: string | null;
+                showAllLink?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPagesCarousel";
+                title?: string | null;
+                description?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutSocialMediaFeed";
+                anchor?: string | null;
+                script?: string | null;
+                title?: string | null;
+            } | {
+                __typename: "LayoutSteps";
+                color?: string | null;
+                description?: string | null;
+                title?: string | null;
+                type?: string | null;
+                steps?: Array<{
+                    __typename?: "Step";
+                    content?: string | null;
+                    title?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LocationsSelected";
+                title?: string | null;
+                locations?: Array<number | null> | null;
+                module?: string | null;
+            } | {
+                __typename: "LocationsSelectedCarousel";
+                title?: string | null;
+                locations?: Array<number | null> | null;
+                module?: string | null;
+            } | null> | null;
+        } | null | undefined;
+    };
+};
+export declare const PageContentWithSupportedContentTypes: {
+    render: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+        [x: string]: any;
+        page?: PageType | ArticleType;
+        breadcrumbs?: import("./types").BreadcrumbUnionType | ((page?: PageType | ArticleType) => import("./types").BreadcrumbUnionType);
+        content?: React.ReactNode | ((page: PageType | ArticleType) => React.ReactNode);
+        shareLinks?: React.ReactNode;
+        collections?: React.ReactElement<typeof Collection>[] | ((page: PageType | ArticleType) => React.ReactElement<typeof Collection>[]);
+        heroContainer?: JSX.Element;
+        backUrl?: string;
+        sidebarContentProps?: Partial<typeof import("./sidebarContent/SidebarContent").default>;
+        PageContentLayoutComponent?: typeof import("./PageContentLayout").PageContentLayout;
+        className?: string;
+        onArticlesSearch?: (tag: string) => void;
+    } & Partial<typeof import("./PageContentLayout").PageContentLayout>>;
+    args: {
+        backUrl: string;
+        page: {
+            __typename?: "Page";
+            id: string;
+            content?: string | null;
+            slug?: string | null;
+            title?: string | null;
+            uri?: string | null;
+            link?: string | null;
+            lead?: string | null;
+            seo?: {
+                __typename?: "SEO";
+                title?: string | null;
+                description?: string | null;
+                openGraphTitle?: string | null;
+                openGraphDescription?: string | null;
+                openGraphType?: string | null;
+                twitterTitle?: string | null;
+                twitterDescription?: string | null;
+                canonicalUrl?: string | null;
+                socialImage?: {
+                    __typename?: "MediaItem";
+                    mediaItemUrl?: string | null;
+                } | null;
+            } | null;
+            hero?: {
+                __typename?: "Hero";
+                background_color?: string | null;
+                background_image_url?: string | null;
+                description?: string | null;
+                title?: string | null;
+                wave_motif?: string | null;
+                link?: {
+                    __typename?: "Link";
+                    target?: string | null;
+                    title?: string | null;
+                    url?: string | null;
+                } | null;
+            } | null;
+            language?: {
+                __typename?: "Language";
+                code?: import("..").LanguageCodeEnum | null;
+                id: string;
+                locale?: string | null;
+                name?: string | null;
+                slug?: string | null;
+            } | null;
+            translations?: Array<{
+                __typename?: "Page";
+                uri?: string | null;
+                slug?: string | null;
+                language?: {
+                    __typename?: "Language";
+                    code?: import("..").LanguageCodeEnum | null;
+                    id: string;
+                    locale?: string | null;
+                    name?: string | null;
+                    slug?: string | null;
+                } | null;
+                seo?: {
+                    __typename?: "SEO";
+                    title?: string | null;
+                    description?: string | null;
+                    openGraphTitle?: string | null;
+                    openGraphDescription?: string | null;
+                    openGraphType?: string | null;
+                    twitterTitle?: string | null;
+                    twitterDescription?: string | null;
+                    canonicalUrl?: string | null;
+                    socialImage?: {
+                        __typename?: "MediaItem";
+                        mediaItemUrl?: string | null;
+                    } | null;
+                } | null;
+            } | null> | null;
+            featuredImage?: {
+                __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                node: {
+                    __typename?: "MediaItem";
+                    mediaItemUrl?: string | null;
+                    link?: string | null;
+                    altText?: string | null;
+                    mimeType?: string | null;
+                    title?: string | null;
+                    uri?: string | null;
+                    photographerName?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                };
+            } | null;
+            breadcrumbs?: Array<{
+                __typename?: "Breadcrumb";
+                title?: string | null;
+                uri?: string | null;
+            } | null> | null;
+            sidebar?: Array<{
+                __typename: "LayoutArticles";
+                title?: string | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCards";
+                cards?: Array<{
+                    __typename?: "Card";
+                    backgroundColor?: string | null;
+                    description?: string | null;
+                    icon?: string | null;
+                    title?: string | null;
+                    link?: {
+                        __typename?: "Link";
+                        target?: string | null;
+                        title?: string | null;
+                        url?: string | null;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutLinkList";
+                anchor?: string | null;
+                title?: string | null;
+                description?: string | null;
+                links?: Array<{
+                    __typename?: "Link";
+                    target?: string | null;
+                    title?: string | null;
+                    url?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPages";
+                title?: string | null;
+                description?: string | null;
+                showAllLink?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | null> | null;
+            modules?: Array<{
+                __typename: "EventSearch";
+                title?: string | null;
+                url?: string | null;
+                module?: string | null;
+                showAllLink?: string | null;
+                showAllLinkCustom?: string | null;
+            } | {
+                __typename: "EventSearchCarousel";
+                title?: string | null;
+                url?: string | null;
+                orderNewestFirst?: boolean | null;
+                eventsNearby?: boolean | null;
+                amountOfCards?: number | null;
+                showAllLink?: string | null;
+                showAllLinkCustom?: string | null;
+            } | {
+                __typename: "EventSelected";
+                title?: string | null;
+                events?: Array<string | null> | null;
+                module?: string | null;
+            } | {
+                __typename: "EventSelectedCarousel";
+                title?: string | null;
+                module?: string | null;
+                eventsNearby?: boolean | null;
+                events?: Array<string | null> | null;
+                amountOfCardsPerRow?: number | null;
+                amountOfCards?: number | null;
+            } | {
+                __typename?: "LayoutArticleHighlights";
+            } | {
+                __typename: "LayoutArticles";
+                title?: string | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutArticlesCarousel";
+                title?: string | null;
+                showMore?: Array<string | null> | null;
+                showAllLink?: string | null;
+                articles?: Array<{
+                    __typename?: "Post";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                    categories?: {
+                        __typename?: "PostToCategoryConnection";
+                        nodes: Array<{
+                            __typename?: "Category";
+                            name?: string | null;
+                        }>;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCard";
+                alignment?: string | null;
+                backgroundColor?: string | null;
+                description?: string | null;
+                title?: string | null;
+                link?: {
+                    __typename?: "Link";
+                    target?: string | null;
+                    title?: string | null;
+                    url?: string | null;
+                } | null;
+                image?: {
+                    __typename?: "Image";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium?: string | null;
+                    medium_large?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename: "LayoutCards";
+                cards?: Array<{
+                    __typename?: "Card";
+                    backgroundColor?: string | null;
+                    description?: string | null;
+                    icon?: string | null;
+                    title?: string | null;
+                    link?: {
+                        __typename?: "Link";
+                        target?: string | null;
+                        title?: string | null;
+                        url?: string | null;
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutCollection";
+                collection?: {
+                    __typename?: "Collection";
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename?: "LayoutContact";
+            } | {
+                __typename: "LayoutContent";
+                backgroundColor?: string | null;
+                content?: string | null;
+                title?: string | null;
+            } | {
+                __typename: "LayoutImage";
+                border?: boolean | null;
+                photographer_name?: string | null;
+                show_on_lightbox?: boolean | null;
+                image?: {
+                    __typename?: "Image";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null;
+            } | {
+                __typename: "LayoutImageGallery";
+                gallery?: Array<{
+                    __typename?: "GalleryImage";
+                    caption?: string | null;
+                    description?: string | null;
+                    large?: string | null;
+                    medium_large?: string | null;
+                    medium?: string | null;
+                    thumbnail?: string | null;
+                    title?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPages";
+                title?: string | null;
+                description?: string | null;
+                showAllLink?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutPagesCarousel";
+                title?: string | null;
+                description?: string | null;
+                pages?: Array<{
+                    __typename?: "Page";
+                    id: string;
+                    uri?: string | null;
+                    slug?: string | null;
+                    link?: string | null;
+                    date?: string | null;
+                    title?: string | null;
+                    lead?: string | null;
+                    featuredImage?: {
+                        __typename?: "NodeWithFeaturedImageToMediaItemConnectionEdge";
+                        node: {
+                            __typename?: "MediaItem";
+                            altText?: string | null;
+                            mediaItemUrl?: string | null;
+                            large?: string | null;
+                            medium_large?: string | null;
+                            medium?: string | null;
+                            thumbnail?: string | null;
+                        };
+                    } | null;
+                } | null> | null;
+            } | {
+                __typename: "LayoutSocialMediaFeed";
+                anchor?: string | null;
+                script?: string | null;
+                title?: string | null;
+            } | {
+                __typename: "LayoutSteps";
+                color?: string | null;
+                description?: string | null;
+                title?: string | null;
+                type?: string | null;
+                steps?: Array<{
+                    __typename?: "Step";
+                    content?: string | null;
+                    title?: string | null;
+                } | null> | null;
+            } | {
+                __typename: "LocationsSelected";
+                title?: string | null;
+                locations?: Array<number | null> | null;
+                module?: string | null;
+            } | {
+                __typename: "LocationsSelectedCarousel";
+                title?: string | null;
+                locations?: Array<number | null> | null;
+                module?: string | null;
+            } | null> | null;
+        } | null | undefined;
+    };
+};