text: import React from 'react';
  import {ImageLoader} from './ImageLoader';
  import { Link } from 'react-router-dom';
  
  const CustomDownloadTd = (props) => (
  	<td ><a className="download" href={props.tdData} target="_blank">Download </a></td>
  );
  CustomDownloadTd.propTypes = {
  	data: React.PropTypes.string,
  	rowData: React.PropTypes.object,
  	tdData: React.PropTypes.string
  };
  
  const PureList = (props) => ( <ul>{props.data.map( (item, id) => { return ( <li key={id}> {item} </li> ); })} </ul>);
  PureList.propTypes = {
    data: React.PropTypes.array.isRequired
  };
  
  
  const GoogleMap = (props) => (
  		<iframe width="100%" height={props.height ||"400px"} scrolling={props.scrol ||"no"}	src={props.link} />
  );
  GoogleMap.propTypes = {
    link: React.PropTypes.string.isRequired,
    height: React.PropTypes.string,
    scrol: React.PropTypes.string
  };
  
  
  const Breadcrumb = (props) => (
  	<ol className="breadcrumb">{
  			props.linkPair.map((item, id) => {
  				if(item.link){
  					return (<li key={id}><Link to={item.link}> {item.desc} </Link></li>);
  				}else{
  					return (<li key={id}> {item.desc}</li>);
  				}
  			})
  		}
  	</ol>
  );
  Breadcrumb.propTypes = {
    linkPair: React.PropTypes.array.isRequired
  };
  
  
  const BigHeader = (props) => (
  	<h1 className="page-header">{props.children}
  			<small>{props.smallTitle}</small>
  		</h1>
  );
  BigHeader.propTypes = {
    smallTitle: React.PropTypes.string,
    children: React.PropTypes.node
  };
  
  
  
  const OrangeBoard = (props) => (
  	<div className="about">
  		{props.children}
  	</div>
  );
  OrangeBoard.propTypes = {
    children: React.PropTypes.node
  };
  
  
  const Paragraph = (props) => (
  	<div>
  		<BigHeader smallTitle={props.smallTitle}>{props.title}</BigHeader>
  		<p>
  			{props.children}
  		</p>
  	</div>
  );
  Paragraph.propTypes = {
    title: React.PropTypes.string,
    smallTitle: React.PropTypes.string,
    children: React.PropTypes.node
  };
  
  const isEmptyObject = (obj) => Object.keys(obj).length === 0 && obj.constructor === Object;
  
  const  deleteArrayMember = (array, id) => [...array.slice( 0, id) ,...array.slice( id + 1, array.length)];
  
  export { Breadcrumb , BigHeader , OrangeBoard, Paragraph, PureList, GoogleMap
  		, CustomDownloadTd
  		,isEmptyObject
  		,deleteArrayMember};
  