import React from 'react'
import * as playgroundExports from '../exports'

interface Props extends React.Props<any> {}
interface State extends React.ComponentState {}

export default class Playground extends React.PureComponent<{}, {}> {
  render() {
    const toComponent = (key: string): JSX.Element => {
      const Component = playgroundExports[key]
      return <Component key={key} />
    }
    const list = Object.keys(playgroundExports).map(toComponent)

    return <React.Fragment>{list}</React.Fragment>
  }
}