text: import React from "react";
  import { ThemeProvider } from "styled-components";
  import { GlobalStyle, Theme } from "./globals/styles";
  import {
    Route,
    Switch,
    Redirect,
    BrowserRouter as Router,
  } from "react-router-dom";
  import Landing from "./components/Landing";
  import Search from "./components/Search";
  import RepoDetail from "./components/RepoDetail";
  import Error from "./components/Error";
  
  export default function App() {
    return (
      <Router>
        <ThemeProvider theme={Theme}>
          <GlobalStyle />
          <Switch>
            <Route exact path="/error" component={Error} />
            <Route path="/repository/*" component={RepoDetail} />
            <Route path="/search/:q" component={Search} />
            <Route exact path="/" component={Landing} />
            <Redirect to="/" />
          </Switch>
        </ThemeProvider>
      </Router>
    );
  }
  