import React, { Component } from 'react';

import { Container, Form } from "semantic-ui-react";

import MainMenu from '../../components/MainMenu';

class Home extends Component {

    render () {
        return (
            <Container>
                <MainMenu/>
                <h3>Report</h3>
                <hr/>
                <Form>
                    <Form.Group widths="equal">
                        <Form.Input
                            fluid
                            required
                            label="Start date"
                            type="date"
                        />
                        <Form.Input
                            fluid
                            required
                            label="End date"
                            type="date"
                        />
                    </Form.Group>
                    <Form.Button>Show report</Form.Button>
                </Form>
            </Container>
        );
    }
}

export default Home;