// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`RolesPage page renders correctly 1`] = `
<BaseLayout
  t={[Function]}
>
  <SiteMetadata
    description="roles.siteMetadata.description"
    image="test-file-stub"
    lang="en"
    meta={Array []}
    title="siteMetadata.title"
  />
  <Hero
    animationEnd={500}
    animationEndValue={-40}
    animationStartValue={0}
    chip={null}
    image="icon-mock"
    indent={false}
    noOverflow={false}
    reverse={false}
    theme="black"
    title="roles.hero.title"
  >
    <p
      className="RolesPage__hero-paragraph"
    >
      roles.hero.text
    </p>
  </Hero>
  <LayoutWrapper
    className=""
    dark={false}
    gradient={true}
  >
    <Sidebar
      currentElement=""
      data={
        Object {
          "active": Array [
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=26a32a8d8d",
              "id": "validator",
              "image": "icon-component-mock",
              "overview": "roles.validator.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.validator.requirements.setupAndMaintainInfrastructure",
                "roles.validator.requirements.accessToPerformantInfrastructure",
                "roles.validator.requirements.storeKeys",
                "roles.validator.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.validator.responsibilities.runAndMaintainScreeningNodes",
                "roles.validator.responsibilities.enforceRules",
              ],
              "title": "roles.validator.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/validators",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=51a3da04f8",
              "id": "council-member",
              "image": "icon-component-mock",
              "overview": "roles.councilMember.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.councilMember.requirements.dataAnalysisProficiency",
                "roles.councilMember.requirements.platformUnderstanding",
                "roles.councilMember.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.councilMember.responsibilities.discussProposals",
                "roles.councilMember.responsibilities.vote",
                "roles.councilMember.responsibilities.representCommunity",
              ],
              "title": "roles.councilMember.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/council-members",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=7733bde460",
              "id": "storage-provider",
              "image": "icon-component-mock",
              "overview": "roles.storageProvider.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.storageProvider.requirements.setupAndMaintainInfrastructure",
                "roles.storageProvider.requirements.accessToPerformantInfrastructure",
                "roles.storageProvider.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.storageProvider.responsibilities.runAndMaintainStorageNodes",
              ],
              "title": "roles.storageProvider.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/storage-lead",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=7733bde460",
              "id": "storage-lead",
              "image": "icon-component-mock",
              "overview": "roles.storageLead.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.storageLead.requirements.setupAndMaintainInfrastructure",
                "roles.storageLead.requirements.managementAndCoordination",
                "roles.storageLead.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.storageLead.responsibilities.storageProviderPerformance",
              ],
              "title": "roles.storageLead.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/storage-providers",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=3877efbe93",
              "id": "content-curator",
              "image": "icon-component-mock",
              "overview": "roles.contentCurator.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.contentCurator.requirements.adjudicateDisputes",
                "roles.contentCurator.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.contentCurator.responsibilities.monitorContent",
                "roles.contentCurator.responsibilities.adjudicateDisputes",
                "roles.contentCurator.responsibilities.updateContentInformation",
                Object {
                  "components": Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ],
                  "isModular": true,
                  "key": "roles.contentCurator.responsibilities.collaborateWithBuilders",
                },
              ],
              "title": "roles.contentCurator.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/content-curators",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=0ea466b90d",
              "id": "content-creator",
              "image": "icon-component-mock",
              "overview": "roles.contentCreator.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.contentCreator.requirements.publishContent",
                "roles.contentCreator.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.contentCreator.responsibilities.publishContent",
              ],
              "title": "roles.contentCreator.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/content-creators",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=3877efbe93",
              "id": "content-lead",
              "image": "icon-component-mock",
              "overview": "roles.contentLead.overview",
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.contentLead.requirements.adjudicateDisputes",
                "roles.contentLead.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.contentLead.responsibilities.monitorPublishing",
                "roles.contentLead.responsibilities.adjudicateDisputes",
                "roles.contentLead.responsibilities.updateInformation",
                "roles.contentLead.responsibilities.manageAndCoordinate",
              ],
              "title": "roles.contentLead.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/content-curator-lead",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=6868b87276",
              "id": "builder",
              "image": "icon-component-mock",
              "overview": Object {
                "components": Array [
                  <br />,
                  <ul
                    className="RoleOverview__dashList"
                  >
                    <li>
                      <strong />
                    </li>
                  </ul>,
                ],
                "isModular": true,
                "key": "roles.builder.overview",
              },
              "questionLink": "mailto:hello@jsgenesis.com",
              "requirements": Array [
                "roles.builder.requirements.platformUnderstanding",
                "roles.builder.requirements.specificContributingSkills",
                "roles.builder.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.builder.responsibilities.collaborate",
              ],
              "title": "roles.builder.title",
              "tutorialLink": "https://github.com/Joystream/helpdesk/tree/master/roles/builders",
            },
          ],
          "upcoming": Array [
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=2a9bd4a3ed",
              "id": "membership-screener",
              "image": "icon-component-mock",
              "overview": "roles.membershipScreener.overview",
              "requirements": Array [
                "roles.membershipScreener.requirements.setupAndMaintainInfrastructure",
                "roles.membershipScreener.requirements.accessToPerformantInfrastructure",
                "roles.membershipScreener.requirements.onlinePlatformAttackFamiliarity",
                "roles.membershipScreener.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.membershipScreener.responsibilities.runAndMaintainScreeningNodes",
                Object {
                  "components": Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#membership-curator"
                    >
                      Membership Curators
                    </Link>,
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ],
                  "isModular": true,
                  "key": "roles.membershipScreener.responsibilities.collaborate",
                },
                "roles.membershipScreener.responsibilities.beResponsive",
              ],
              "title": "roles.membershipScreener.title",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=bd10fbb23f",
              "id": "membership-curator",
              "image": "icon-component-mock",
              "overview": Object {
                "components": Array [
                  <Link
                    className=""
                    highlighted={false}
                    href="#membership-screener"
                  >
                     above
                  </Link>,
                ],
                "isModular": true,
                "key": "roles.membershipCurator.overview",
              },
              "requirements": Array [
                "roles.membershipCurator.requirements.dataAnalysisProficiency",
                "roles.membershipCurator.requirements.platformUnderstanding",
                "roles.membershipCurator.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.membershipCurator.responsibilities.monitorPlatformActivity",
                "roles.membershipCurator.responsibilities.proposeChanges",
                Object {
                  "components": Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#membership-screener"
                    >
                       Screeners
                    </Link>,
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ],
                  "isModular": true,
                  "key": "roles.membershipCurator.responsibilities.collaborate",
                },
              ],
              "title": "roles.membershipCurator.title",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=2d978eeb0c",
              "id": "bandwidth-provider",
              "image": "icon-component-mock",
              "overview": "roles.bandwidthProvider.overview",
              "requirements": Array [
                "roles.bandwidthProvider.requirements.setupAndMaintainInfrastructure",
                "roles.bandwidthProvider.requirements.accessToPerformantInfrastructure",
                "roles.bandwidthProvider.requirements.locatedWithinBounds",
                "roles.bandwidthProvider.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.bandwidthProvider.responsibilities.runAndMaintainDistributorNodes",
              ],
              "title": "roles.bandwidthProvider.title",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=766d15796d",
              "id": "discovery-provider",
              "image": "icon-component-mock",
              "overview": "roles.discoveryProvider.overview",
              "requirements": Array [
                "roles.discoveryProvider.requirements.setupAndMaintainInfrastructure",
                "roles.discoveryProvider.requirements.accessToPerformantInfrastructure",
                "roles.discoveryProvider.requirements.formulateAndTestHeuristics",
                "roles.discoveryProvider.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.discoveryProvider.responsibilities.runAndMaintainDiscoveryNodes",
                Object {
                  "components": Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                      Builders
                    </Link>,
                  ],
                  "isModular": true,
                  "key": "roles.discoveryProvider.responsibilities.collaborate",
                },
              ],
              "title": "roles.discoveryProvider.title",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=4ea03faa7a",
              "id": "live-streaming-provider",
              "image": "icon-component-mock",
              "overview": "roles.liveStreamingProvider.overview",
              "requirements": Array [
                "roles.liveStreamingProvider.requirements.setupAndMaintainInfrastructure",
                "roles.liveStreamingProvider.requirements.accessToPerformantInfrastructure",
                "roles.liveStreamingProvider.requirements.locatedWithinBounds",
                "roles.liveStreamingProvider.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.liveStreamingProvider.responsibilities.runAndMaintainLivestreamingNodes",
              ],
              "title": "roles.liveStreamingProvider.title",
            },
            Object {
              "formAction": "https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=46a98ea4be",
              "id": "communication-moderator",
              "image": "icon-component-mock",
              "overview": "roles.communicationModerator.overview",
              "requirements": Array [
                "roles.communicationModerator.requirements.platformUnderstanding",
                "roles.communicationModerator.requirements.goodCommunicator",
                "roles.communicationModerator.requirements.stake",
              ],
              "responsibilities": Array [
                "roles.communicationModerator.responsibilities.monitorCommuncationChannels",
                "roles.communicationModerator.responsibilities.communicateWithUsers",
                "roles.communicationModerator.responsibilities.collaborate",
              ],
              "title": "roles.communicationModerator.title",
            },
          ],
        }
      }
      onElementChange={[Function]}
      t={[Function]}
    />
    <div
      className="RoleOverview__Wrapper"
    >
      <InView
        as="div"
        initialInView={false}
        key="roles.validator.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=26a32a8d8d"
          id="validator"
          image="icon-component-mock"
          overview="roles.validator.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.validator.requirements.setupAndMaintainInfrastructure",
              "roles.validator.requirements.accessToPerformantInfrastructure",
              "roles.validator.requirements.storeKeys",
              "roles.validator.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.validator.responsibilities.runAndMaintainScreeningNodes",
              "roles.validator.responsibilities.enforceRules",
            ]
          }
          title="roles.validator.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/validators"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.councilMember.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=51a3da04f8"
          id="council-member"
          image="icon-component-mock"
          overview="roles.councilMember.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.councilMember.requirements.dataAnalysisProficiency",
              "roles.councilMember.requirements.platformUnderstanding",
              "roles.councilMember.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.councilMember.responsibilities.discussProposals",
              "roles.councilMember.responsibilities.vote",
              "roles.councilMember.responsibilities.representCommunity",
            ]
          }
          title="roles.councilMember.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/council-members"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.storageProvider.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=7733bde460"
          id="storage-provider"
          image="icon-component-mock"
          overview="roles.storageProvider.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.storageProvider.requirements.setupAndMaintainInfrastructure",
              "roles.storageProvider.requirements.accessToPerformantInfrastructure",
              "roles.storageProvider.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.storageProvider.responsibilities.runAndMaintainStorageNodes",
            ]
          }
          title="roles.storageProvider.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/storage-lead"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.storageLead.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=7733bde460"
          id="storage-lead"
          image="icon-component-mock"
          overview="roles.storageLead.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.storageLead.requirements.setupAndMaintainInfrastructure",
              "roles.storageLead.requirements.managementAndCoordination",
              "roles.storageLead.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.storageLead.responsibilities.storageProviderPerformance",
            ]
          }
          title="roles.storageLead.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/storage-providers"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.contentCurator.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=3877efbe93"
          id="content-curator"
          image="icon-component-mock"
          overview="roles.contentCurator.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.contentCurator.requirements.adjudicateDisputes",
              "roles.contentCurator.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.contentCurator.responsibilities.monitorContent",
              "roles.contentCurator.responsibilities.adjudicateDisputes",
              "roles.contentCurator.responsibilities.updateContentInformation",
              <Trans
                components={
                  Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ]
                }
                i18nKey="roles.contentCurator.responsibilities.collaborateWithBuilders"
              />,
            ]
          }
          title="roles.contentCurator.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/content-curators"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.contentCreator.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=0ea466b90d"
          id="content-creator"
          image="icon-component-mock"
          overview="roles.contentCreator.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.contentCreator.requirements.publishContent",
              "roles.contentCreator.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.contentCreator.responsibilities.publishContent",
            ]
          }
          title="roles.contentCreator.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/content-creators"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.contentLead.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=3877efbe93"
          id="content-lead"
          image="icon-component-mock"
          overview="roles.contentLead.overview"
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.contentLead.requirements.adjudicateDisputes",
              "roles.contentLead.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.contentLead.responsibilities.monitorPublishing",
              "roles.contentLead.responsibilities.adjudicateDisputes",
              "roles.contentLead.responsibilities.updateInformation",
              "roles.contentLead.responsibilities.manageAndCoordinate",
            ]
          }
          title="roles.contentLead.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/content-curator-lead"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.builder.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=6868b87276"
          id="builder"
          image="icon-component-mock"
          overview={
            <Trans
              components={
                Array [
                  <br />,
                  <ul
                    className="RoleOverview__dashList"
                  >
                    <li>
                      <strong />
                    </li>
                  </ul>,
                ]
              }
              i18nKey="roles.builder.overview"
            />
          }
          questionLink="mailto:hello@jsgenesis.com"
          requirements={
            Array [
              "roles.builder.requirements.platformUnderstanding",
              "roles.builder.requirements.specificContributingSkills",
              "roles.builder.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.builder.responsibilities.collaborate",
            ]
          }
          title="roles.builder.title"
          tutorialLink="https://github.com/Joystream/helpdesk/tree/master/roles/builders"
          type="active"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.membershipScreener.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=2a9bd4a3ed"
          id="membership-screener"
          image="icon-component-mock"
          overview="roles.membershipScreener.overview"
          requirements={
            Array [
              "roles.membershipScreener.requirements.setupAndMaintainInfrastructure",
              "roles.membershipScreener.requirements.accessToPerformantInfrastructure",
              "roles.membershipScreener.requirements.onlinePlatformAttackFamiliarity",
              "roles.membershipScreener.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.membershipScreener.responsibilities.runAndMaintainScreeningNodes",
              <Trans
                components={
                  Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#membership-curator"
                    >
                      Membership Curators
                    </Link>,
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ]
                }
                i18nKey="roles.membershipScreener.responsibilities.collaborate"
              />,
              "roles.membershipScreener.responsibilities.beResponsive",
            ]
          }
          title="roles.membershipScreener.title"
          type="upcoming"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.membershipCurator.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=bd10fbb23f"
          id="membership-curator"
          image="icon-component-mock"
          overview={
            <Trans
              components={
                Array [
                  <Link
                    className=""
                    highlighted={false}
                    href="#membership-screener"
                  >
                     above
                  </Link>,
                ]
              }
              i18nKey="roles.membershipCurator.overview"
            />
          }
          requirements={
            Array [
              "roles.membershipCurator.requirements.dataAnalysisProficiency",
              "roles.membershipCurator.requirements.platformUnderstanding",
              "roles.membershipCurator.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.membershipCurator.responsibilities.monitorPlatformActivity",
              "roles.membershipCurator.responsibilities.proposeChanges",
              <Trans
                components={
                  Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#membership-screener"
                    >
                       Screeners
                    </Link>,
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                       Builders
                    </Link>,
                  ]
                }
                i18nKey="roles.membershipCurator.responsibilities.collaborate"
              />,
            ]
          }
          title="roles.membershipCurator.title"
          type="upcoming"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.bandwidthProvider.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=2d978eeb0c"
          id="bandwidth-provider"
          image="icon-component-mock"
          overview="roles.bandwidthProvider.overview"
          requirements={
            Array [
              "roles.bandwidthProvider.requirements.setupAndMaintainInfrastructure",
              "roles.bandwidthProvider.requirements.accessToPerformantInfrastructure",
              "roles.bandwidthProvider.requirements.locatedWithinBounds",
              "roles.bandwidthProvider.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.bandwidthProvider.responsibilities.runAndMaintainDistributorNodes",
            ]
          }
          title="roles.bandwidthProvider.title"
          type="upcoming"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.discoveryProvider.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=766d15796d"
          id="discovery-provider"
          image="icon-component-mock"
          overview="roles.discoveryProvider.overview"
          requirements={
            Array [
              "roles.discoveryProvider.requirements.setupAndMaintainInfrastructure",
              "roles.discoveryProvider.requirements.accessToPerformantInfrastructure",
              "roles.discoveryProvider.requirements.formulateAndTestHeuristics",
              "roles.discoveryProvider.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.discoveryProvider.responsibilities.runAndMaintainDiscoveryNodes",
              <Trans
                components={
                  Array [
                    <Link
                      className=""
                      highlighted={false}
                      href="#builder"
                    >
                      Builders
                    </Link>,
                  ]
                }
                i18nKey="roles.discoveryProvider.responsibilities.collaborate"
              />,
            ]
          }
          title="roles.discoveryProvider.title"
          type="upcoming"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.liveStreamingProvider.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=4ea03faa7a"
          id="live-streaming-provider"
          image="icon-component-mock"
          overview="roles.liveStreamingProvider.overview"
          requirements={
            Array [
              "roles.liveStreamingProvider.requirements.setupAndMaintainInfrastructure",
              "roles.liveStreamingProvider.requirements.accessToPerformantInfrastructure",
              "roles.liveStreamingProvider.requirements.locatedWithinBounds",
              "roles.liveStreamingProvider.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.liveStreamingProvider.responsibilities.runAndMaintainLivestreamingNodes",
            ]
          }
          title="roles.liveStreamingProvider.title"
          type="upcoming"
        />
      </InView>
      <InView
        as="div"
        initialInView={false}
        key="roles.communicationModerator.title"
        onChange={[Function]}
        threshold={0.2}
        triggerOnce={false}
      >
        <RoleOverview
          className=""
          formAction="https://joystream.us11.list-manage.com/subscribe/post?u=932de577aec9616d4516b4e0f&amp;id=46a98ea4be"
          id="communication-moderator"
          image="icon-component-mock"
          overview="roles.communicationModerator.overview"
          requirements={
            Array [
              "roles.communicationModerator.requirements.platformUnderstanding",
              "roles.communicationModerator.requirements.goodCommunicator",
              "roles.communicationModerator.requirements.stake",
            ]
          }
          responsibilities={
            Array [
              "roles.communicationModerator.responsibilities.monitorCommuncationChannels",
              "roles.communicationModerator.responsibilities.communicateWithUsers",
              "roles.communicationModerator.responsibilities.collaborate",
            ]
          }
          title="roles.communicationModerator.title"
          type="upcoming"
        />
      </InView>
    </div>
  </LayoutWrapper>
</BaseLayout>
`;
