import React from 'react';
import {Button, Icon} from 'react-mdl';
import styles from './Modal.css';

export default ({open, children, onClose}) => (
  <div className={`${styles.container} ${!open ? styles.hide : ''}`}>
    <div className={styles.inner}>
      <Button className={styles.close} onClick={onClose}><Icon name='close' /></Button>
      {children}
    </div>
  </div>
);