{"size": 820, "ext": "js", "max_stars_repo_path": "frontend/src/App.js", "max_stars_repo_name": "hyunseo-jjangjjang/MomsBank", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "frontend/src/App.js", "max_issues_repo_name": "hyunseo-jjangjjang/MomsBank", "max_issues_repo_issues_event_min_datetime": "2022-01-05T04:16:53.000Z", "max_issues_repo_issues_event_max_datetime": "2022-01-18T07:31:13.000Z", "max_forks_repo_path": "frontend/src/App.js", "max_forks_repo_name": "hyunseo-jjangjjang/MomsBank", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 27.3333333333, "max_line_length": 59, "alphanum_fraction": 0.6353658537}
import styled from 'styled-components';
import Main from './components/main';
import Check from './components/check/Check';
import Transfer from './components/transfer';
import Deposit from './components/deposit';
import Success from './components/success';
import {Route, Routes} from 'react-router-dom';

function App() {
  return (
      <Wrap>
          <Route path="/" exact={true} component={Main} />
          <Route path="/check" component = {Check} />
          <Route path="/transfer" component = {Transfer} />
          <Route path="/deposit" component = {Deposit} />
          <Route path="/success" component={Success} />
      </Wrap>
  );
}

const Wrap = styled.div`
  width: 390px;
  height: 844px;
  margin: 0 auto;
  box-shadow: 0 1px 10px rgb(0 0 0 / 20%);
  overflow: hidden;
`;

export default App;
