text: import React, {Component} from 'react';
  
  import RandomEG from '../components/react/RandomEG';
  import RateEG from '../components/react/RateEG';
  import WaterfallEG from '../components/react/WaterfallEG';
  import InputboxEG from '../components/react/InputboxEG';
  import InputareaEG from '../components/react/InputareaEG';
  import LikeEG from '../components/react/LikeEG';
  import GloginEG from '../components/react/GoogleloginEG';
  import FacebookloginEG from '../components/react/FacebookloginEG';
  import ProgressEG from '../components/react/ProgressEG';
  import UpdateprofileEG from '../components/react/UpdateprofileEG';
  import GetlocationEG from '../components/react/GetlocationEG';
  import DelmemberEG from '../components/react/DelmemberEG';
  import PostimgEG from '../components/react/PostimgEG';
  import ConfirmdelEG from '../components/react/ConfirmdelEG';
  import SelectboxEG from '../components/react/SelectboxEG';
  import UrltoprofileEG from '../components/react/UrltoprofileEG';
  import DroplistEG from '../components/react/DroplistEG';
  import PickgenderEG from '../components/react/PickgenderEG';
  import CommentlistEG from '../components/react/CommentlistEG';
  import '../styles/react.css';
  
  export default class ReactUI extends Component {
  	render() {
  		let webpackConfig = {
  			color: "black"
  		};
  		return (
  			<div id = "container">
  				<main id = "main">
  					<h1>Thousanday-React</h1>
  					<h2>A list of React UI components</h2>
  					<h3>
  						<b>Install:</b><br />
  						npm install thousanday-react<br />
  					</h3>
  					<a className = "github-button" href = "https://github.com/byn9826/thousanday-react" data-style = "mega" aria-label = "Star byn9826/thousanday-react on GitHub">Star</a>
  					<section>
  						<h3 className = "main-list">Display</h3>
  						<h6 className = "orange-box"><a href ="#random">Random</a></h6>
  						<h6 className = "orange-box"><a href ="#waterfall">Waterfall</a></h6>
  						<h6 className = "orange-box"><a href ="#getlocation">Getlocation</a></h6>
  						<h6 className = "orange-box"><a href ="#progress">Progress</a></h6>
  						<h3 className = "main-list">Button</h3>
  						<h6 className = "orange-box"><a href ="#updateprofile">Updateprofile</a></h6>
  						<h6 className = "orange-box"><a href ="#delmember">Delmember</a></h6>
  						<h6 className = "orange-box"><a href ="#confirmdel">Confirmdel</a></h6>
  						<h3 className = "main-list">Attitude</h3>
  						<h6 className = "orange-box"><a href ="#rate">Rate</a></h6>
  						<h6 className = "orange-box"><a href ="#like">Like</a></h6>
  						<h6 className = "orange-box"><a href ="#commentlist">Commentlist</a></h6>
  						<h3 className = "main-list">Input</h3>
  						<h6 className = "orange-box"><a href = "#postimg">Postimg</a></h6>
  						<h6 className = "orange-box"><a href = "#inputbox">Inputbox</a></h6>
  						<h6 className = "orange-box"><a href = "#inputarea">Inputarea</a></h6>
  						<h3 className = "main-list">Social</h3>
  						<h6 className = "orange-box"><a href = "#facebooklogin">Facebooklogin</a></h6>
  						<h6 className = "orange-box"><a href = "#googlelogin">Googlelogin</a></h6>
  						<h6 className = "orange-box"><a href = "#urltoprofile">Urltoprofile</a></h6>
  						<h3 className = "main-list">Box</h3>
  						<h6 className = "orange-box"><a href = "#selectbox">Selectbox</a></h6>
  						<h6 className = "orange-box"><a href = "#droplist">Droplist</a></h6>
  						<h6 className = "orange-box"><a href = "#pickgender">Pickgender</a></h6>
  					</section>
  				</main>
  				<section id="right">
  					<WaterfallEG />
  					<PostimgEG />
  					<GetlocationEG />
  					<DelmemberEG />
  					<InputboxEG />
  					<InputareaEG />
  					<UpdateprofileEG />
  					<ConfirmdelEG />
  					<CommentlistEG />
  					<PickgenderEG />
  					<LikeEG />
  					<FacebookloginEG />
  					<GloginEG />
  					<ProgressEG />
  					<SelectboxEG />
  					<UrltoprofileEG />
  					<RateEG />
  					<RandomEG />
  					<DroplistEG />
  				</section>
  			</div>
  		)
  	}
  };
  