content: import React from 'react';
  import { Switch } from 'react-router-dom';
  import { Route } from 'react-router-dom';
  import { Redirect } from 'react-router-dom';
  
  import Sidebar from 'components/Sidebar';
  import SecretShow from 'components/secrets/SecretShow';
  import SecretListContainer from 'components/secrets/SecretListContainer';
  import OptionsContainer from 'components/options/OptionsContainer';
  import ImportContainer from 'components/import/ImportContainer';
  
  function Layout() {
    return (
      <div className="layout">
        <SecretShow />
        <Sidebar />
        <div className="layout-pane">
          <Switch>
            <Route
              path="/secrets/all"
              render={props => <SecretListContainer {...props} showAll />}
            />
            <Route
              path="/secrets/mine"
              render={props => <SecretListContainer {...props} showMine />}
            />
            <Route
              path="/secrets/shared"
              render={props => <SecretListContainer {...props} showShared />}
            />
            <Route
              path="/secrets/:path*"
              render={props => <SecretListContainer {...props} />}
            />
            <Route path="/settings/" component={OptionsContainer} />
            <Route path="/import/" component={ImportContainer} />
            <Redirect to="/secrets/" />
          </Switch>
        </div>
      </div>
    );
  }
  
  export default Layout;
  