// @flow
import * as React from 'react';
import {
	Container,
	Row,
	Col,
} from 'reactstrap';

const HomeContent = () => (
	<Container>
		<Row>
			<Col sm='12'>
				<p>
					Welcome to the BEAT editor!
				</p>
				<p>
					Please make sure your prefix is set to a path to a valid BEAT prefix (usually created by the {' '}<a href='https://gitlab.idiap.ch/beat/beat.cmdline'>BEAT cli</a>).
				</p>
				<h4>Platform overview</h4>
				<p>
					There are eight different primary entities within the BEAT platform:
				</p>
				<ul>
					<li>Databases</li>
					<li>Libraries</li>
					<li>Dataformats</li>
					<li>Algorithms</li>
					<li>Toolchains</li>
					<li>Experiments</li>
					<li>Plotters</li>
					<li>Plotterparameters</li>
				</ul>
				<p>
					This web app edits the metadata of objects of all seven of these entities, but does not support editing code or documentation (e.g. editing Python or RST files).
				</p>
			</Col>
		</Row>
	</Container>
);

export default HomeContent;
