import React, {Component, PropTypes} from 'react'

import Modal from './base/Modal'
import ModalBody from './base/ModalBody'
import ModalHeader from './base/ModalHeader'
import ModalFooter from './base/ModalFooter'
import {MODAL_SETTINGS} from '../lib/constants'

class SettingsModal extends Component {
  render () {
    return (
      <Modal {...this.props}>
        <ModalHeader>Settings</ModalHeader>
        <ModalBody className="pad">
          <p>Settings</p>
        </ModalBody>
        <ModalFooter className="text-right">
        </ModalFooter>
      </Modal>
    );
  }
}

SettingsModal.propTypes = {
  onClose: PropTypes.func.isRequired
};

SettingsModal.defaultProps = {
  id: MODAL_SETTINGS
};

export default SettingsModal;