{"size": 915, "ext": "js", "max_stars_repo_path": "src/components/MasterTeaser.js", "max_stars_repo_name": "coding-berlin/devday.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/MasterTeaser.js", "max_issues_repo_name": "coding-berlin/devday.io", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/MasterTeaser.js", "max_forks_repo_name": "coding-berlin/devday.io", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.7297297297, "max_line_length": 107, "alphanum_fraction": 0.5486338798}
import React from 'react'
import {Hero, HeroHeader, HeroBody, HeroFooter, Container, Content, Columns, Column, Image } from 'bloomer'
import mainLogo from '../img/devday18-logo-berlin-faro.svg'

const MasterTeaser = ({content}) => {
  
  return <Hero id="section-master-teaser" isSize="medium" isColor="primary" className="bg-texture">
        <HeroBody>
          <Container>
            <Columns>
              <Column>
                <Image src={mainLogo} />
              </Column>
              <Column>
              <Content>
                <div dangerouslySetInnerHTML={{ __html: content }} />
              </Content>
              </Column>
            </Columns>
            
          </Container>
        </HeroBody>
  </Hero>
}

export default MasterTeaser

export const query = graphql`
  fragment MasterTeaser on MarkdownRemark {
    id
    html
    frontmatter {
      path
      date
    }
  }
`