import { Baz } from './Fixture'
import { Buz } from './Fixture'

export const foo = {
  hi: `Fudge ${Baz.displayName || 'Baz'}`,
  authors: [
    'fred',
    'sally'
  ]
}

# Hello, world!


I'm an awesome paragraph.

<!-- I'm a comment -->

<Foo bg='red'>
  <Bar>hi</Bar>
    {hello}
    {/* another commment */}
</Foo>

```
test codeblock
```

```js
module.exports = 'test'
```

```sh
npm i -g foo
```

| Test | Table |
| :--- | :---- |
| Col1 | Col2  |

export default ({children}) => <div>{children}</div>

```js
export const Button = styled.button`
  font-size: 1rem;
  border-radius: 5px;
  padding: 0.25rem 1rem;
  margin: 0 1rem;
  background: transparent;
  color: ${props => props.theme.primary};
  border: 2px solid ${props => props.theme.primary};
  ${props =>
    props.primary &&
    css`
      background: ${props => props.theme.primary};
      color: white;
    `};
`
```