import React from 'react';
import { Routes, Route } from 'react-router-dom';
import styled from 'styled-components';

const Container = styled.div`
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
`;

const Header = styled.header`
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #eee;
`;

const Title = styled.h1`
  margin: 0;
  font-size: 28px;
`;

function App() {
  return (
    <Container>
      <Header>
        <Title>React + Django App</Title>
      </Header>
      <Routes>
        <Route path="/" element={<div>Welcome to the app!</div>} />
      </Routes>
    </Container>
  );
}

export default App;