import React, { Component } from 'react';

import Migrations from '../Migrations/Migrations';
import SideMigrations from '../Migrations/SideMigrations';

export class Home extends Component {

    constructor(props) {
        super(props);
        this.state = {
            migs1: {
                type: 'top-headlines',
                query: 'migration_status'
            },
            migs2: {
                type: 'top-headlines',
                query: 'country=us&category=business'
            },
            migs3: {
                type: 'top-headlines',
                query: 'sources=bbc-news'
            }
        };
    }

    render() {
        return (
            <div className="row">
                <div className="col s8">
                    <Migrations />

                </div>
                <div className="col s4">
                    <SideMigrations migs={this.state.migs3} />
                </div>
            </div>
        )
    }
}

export default Home