
<Head>
  <title>MDX Deck v4</title>
</Head>

<Header>

MDX Deck v4

</Header>

# Hello

<Notes>

## To do

- [x] Print mode
- [x] Grid mode
- [x] page up/down
- [x] Deprecate layouts/docs??
- [x] Clean up docs/readme
- [x] theme.components
- [-] Changelog
- [ ] Clean up demo

</Notes>

---

## This is MDX Deck v4

MDX-based presentation decks

<Notes>

These are top-secret speaker notes. Shhhh!

</Notes>

---

### What's New

<StepList>

- Persistent headers and footers
- Simplified API
- Refactored internals & bug fixes

</StepList>

---

<img
  src='https://images.unsplash.com/photo-1485881374599-20e5ddb80d84?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjF9'
/>

<Notes>
Stand clear of the closing doors
</Notes>

---

```jsx
import React from 'react'

export default props =>
  <div
    {...props}
    css={{
      padding: 32,
      backgroundColor: 'tomato',
    }}
  />
```

---

## Get Started :sunglasses:

[GitHub](https://github.com/jxnblk/mdx-deck)

