import React from 'react';
import ReactDOM from 'react-dom';
import {
    Router,
    Route,
    Link,
    IndexLink,
    IndexRoute,
    hashHistory
} from 'react-router';

class Home extends React.Component {
    render() {
        return (
            <p>Cześć!</p>
        )
    }
}

class HelloYou extends React.Component {
    render() {
        return (
            <h1>Witaj, {this.props.params.name}</h1>
        )
    }
}

class CheckAge extends React.Component {
    render() {
        const age = Number(this.props.params.age);
        return <h2>{ age >= 18 ? 'Pelnoletni' : 'Nie :P'}</h2>
    }
}

class App extends React.Component {
    render() {
        return (
            <Router history={hashHistory}>
                <Route path='/' component={Home} />
                <Route path='/hello/:name' component={HelloYou} />
                <Route path='/checkage/:age' component={CheckAge} />
            </Router>
        )
    }
}

document.addEventListener('DOMContentLoaded', function () {
    ReactDOM.render(
        <App />,
        document.getElementById('app')
    );
});