content: import React from 'react'
  import Charities from '../Charities'
  import FitnessLeaderboards from '../FitnessLeaderboards'
  import Iframe from '../Iframe'
  import Image from '../Image'
  import InlineImages from '../InlineImages'
  import ManualLeaderboard from '../ManualLeaderboard'
  import Metrics from '../Metrics'
  import PageLeaderboard from '../PageLeaderboard'
  import Progress from '../Progress'
  import RichText from '../RichText'
  import Search from '../Search'
  import Share from '../Share'
  import SocialLinks from '../SocialLinks'
  import Sponsors from '../Sponsors'
  import Supporters from '../Supporters'
  import SupportersFootprint from '../SupportersFootprint'
  import Video from '../Video'
  
  export default ({
    section = {
      type: null
    }
  }) => {
    switch (section.type) {
      case 'progress':
        return <Progress {...section} />
      case 'metrics':
        return <Metrics {...section} />
      case 'search':
        return <Search {...section} />
      case 'richText':
        return <RichText {...section} />
      case 'image':
        return <Image {...section} />
      case 'inline-images':
        return <InlineImages {...section} />
      case 'video':
        return <Video {...section} />
      case 'sponsors':
        return <Sponsors {...section} />
      case 'charities':
        return <Charities {...section} />
      case 'supporters':
        return <Supporters {...section} />
      case 'supportersFootprint':
        return <SupportersFootprint {...section} />
      case 'supporterTiles':
        return <Supporters tiles {...section} />
      case 'leaderboards':
        return <PageLeaderboard {...section} />
      case 'manualLeaderboard':
        return <ManualLeaderboard {...section} />
      case 'fitnessLeaderboard':
        return <FitnessLeaderboards {...section} />
      case 'iframe':
        return <Iframe {...section} />
      case 'socialLinks':
        return <SocialLinks {...section} />
      case 'share':
        return <Share {...section} />
      default:
        return <p>{`Unknown section ${section.type}`}</p>
    }
  }
  