import React, { Component } from 'react';
import { BrowserRouter as Router, Route } from "react-router-dom";

import logo from './assets/logo.svg';
import './styles/App.css';
import CardList from "./routs/CardList";
import Create from "./routs/Create";
import Edit from "./routs/Edit";


class App extends Component {
    render() {
        return (
            <Router>
                <div className="App">
                    <header className="App-header">
                        <img src={logo} className="App-logo" alt="logo" />
                        <h1 className="App-title">Card list</h1>
                    </header>
                    <div>
                        <Route exact path="/" component={CardList}/>
                        <Route path="/create" component={Create}/>
                        <Route path="/edit/:id" component={Edit}/>
                    </div>
                </div>
            </Router>
        );
    }
}

export default App;