{"size": 594, "ext": "js", "max_stars_repo_path": "@dekk/deck/src/deck/demo.js", "max_stars_repo_name": "sinnerschrader/dekk", "max_stars_repo_stars_event_min_datetime": "2017-11-14T10:00:07.000Z", "max_stars_repo_stars_event_max_datetime": "2018-10-18T18:57:24.000Z", "max_issues_repo_path": "@dekk/deck/src/deck/demo.js", "max_issues_repo_name": "sinnerschrader/dekk", "max_issues_repo_issues_event_min_datetime": "2017-11-21T22:44:03.000Z", "max_issues_repo_issues_event_max_datetime": "2018-09-17T19:50:31.000Z", "max_forks_repo_path": "@dekk/deck/src/deck/demo.js", "max_forks_repo_name": "pixelass/dekk", "max_forks_repo_forks_event_min_datetime": "2017-11-21T15:04:27.000Z", "max_forks_repo_forks_event_max_datetime": "2018-08-11T14:52:02.000Z"}
{"max_stars_count": 21, "max_issues_count": 40, "max_forks_count": 5, "avg_line_length": 16.9714285714, "max_line_length": 50, "alphanum_fraction": 0.6060606061}
import React, {Component} from 'react'
import styled, {css} from 'styled-components'
import Slide from '../../../slide'
import Deck from './'

const Wrapper = styled.div`
  position: relative;
  height: 10rem;
`

const mixin = css`
  --slide-background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3em;
`

class App extends Component {
  render() {
    return (
      <Wrapper>
        <Deck>
          <Slide mixin={mixin}>Hello Dekk!</Slide>
        </Deck>
      </Wrapper>
    )
  }
}

export default function() {
  return <App />
}
