content: import React from 'react'
  import {connect} from 'cerebral/react'
  import {state, signal} from 'cerebral/tags'
  import Toast from '../Toast'
  
  export default connect({
    title: state`title`,
    subTitle: state`subTitle`,
    buttonClicked: signal`buttonClicked`
  },
    function App (props) {
      return (
        <div className='o-container o-container--medium'>
          <h1>{props.title}</h1>
          <h3>{props.subTitle}</h3>
          <button
            className='c-button c-button--info c-button--block'
            onClick={() => props.buttonClicked()}
          >
            Get repos
          </button>
          <Toast />
        </div>
      )
    }
  )
  