SoundWave/imports/ui/AppLayout.jsx

import React from 'react';
import Input from "./Input";
import Results from "./Results";
import OptionsAll from "./OptionsAll";
import Links from './Links';

const AppLayout = (props) =>
	<div className="container">
		<h1 className="logo">SoundWave</h1>
		<div className="box-container">
			<header>
				<Input placeholder="Search a video" value={props.inputValue} change={props.inputChange} />
				<Results results={props.results} select={props.resultSelect} />
			</header>
			<Links links={props.links} remove={props.linkRemove} handlers={props.linkHandlers}/>
			<OptionsAll count={props.links.length} handlers={props.optionsHandler}
						links={props.links} converted={props.converted} />
		</div>
	</div>;

AppLayout.propTypes = {
	links: Links.propTypes.links,
	linkRemove: Links.propTypes.remove,
	linkHandlers: Links.propTypes.handlers,
	inputValue: Input.propTypes.value,
	inputChange: Input.propTypes.change,
	results: Results.propTypes.results,
	resultSelect: Results.propTypes.select,
	optionsHandler: OptionsAll.propTypes.handlers,
	converted: OptionsAll.propTypes.converted
};

export default AppLayout;