import React, { Component } from 'react';
import DictionarySource from './Source';
import DictionaryTitle from './Title';
import Textbox from '../Common/Textbox';
import './Dictionary.css';

class Dictionary extends Component {
  render() {
    return (
      <Textbox>
        <DictionaryTitle text={this.props.title} />
        <div className="dictionary">
          <div className="headword">
            {this.props.headword} <i>{this.props.type}</i>
          </div>
          &nbsp;
          <div className="pronounciation">/{this.props.pronounciation}/</div>
          <ol className="sense">
            {this.props.children}
          </ol>
        </div>
        <DictionarySource
          origin_text={this.props.origin_text}
          origin_url={this.props.origin_url}
          origin={this.props.origin}
          phonetics_url={this.props.phonetics_url}
          phonetics={this.props.phonetics} />
      </Textbox>
      );
  }
}

export default Dictionary;
// vim: set ts=2 sw=2 et: