import React, { Component } from 'react';
import './Source.css';

class DictionarySource extends Component {
  render() {
    return (
      <p className="source">
        {this.props.origin_text? this.props.origin_text: "Taken from"}
        &nbsp;
        <a href={this.props.origin_url} target="_blank">
          "{this.props.origin}"
        </a>
        &nbsp;
        Phonetics from
        &nbsp;
        <a href={this.props.phonetics_url} target="_blank">
          "{this.props.phonetics}"
        </a>
      </p>
      );
  }
}

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