content: import React from 'react';
  import { Switch, Route } from 'react-router-dom';
  
  import Accessibility from './Accessibility/Accessibility';
  import Animation from './Animation/Animation';
  import Badge from './Badge/Badge';
  import Buttons from './Buttons/Buttons';
  import Cards from './Cards/Cards';
  import Carousel from './Carousel/Carousel';
  import Dropdown from './Dropdown/Dropdown';
  import Figure from './Figure/Figure';
  import FittedImage from './FittedImage/FittedImage';
  import HorizontalOverflowBar from './HorizontalOverflowBar/HorizontalOverflowBar';
  import InputField from './InputField/InputField';
  import Inputs from './Inputs/Inputs';
  import LeftRight from './LeftRight/LeftRight';
  import Loader from './Loader/Loader';
  import Markdown from './Markdown/Markdown';
  import Medallion from './Medallion/Medallion';
  import Modals from './Modals/Modals';
  import Pagination from './Pagination/Pagination';
  import Panels from './Panels/Panels';
  import SocialLinks from './SocialLinks/SocialLinks';
  import Tabs from './Tabs/Tabs';
  import TabBar from './TabBar/TabBar';
  import Tether from './Tether/Tether';
  
  const Patterns = () => (
    <Switch>
      <Route path="/patterns/accessibility" component={ Accessibility } />
      <Route path="/patterns/animation" component={ Animation } />
      <Route path="/patterns/badge" component={ Badge } />
      <Route path="/patterns/buttons" component={ Buttons } />
      <Route path="/patterns/horizontal-overflow-bar" component={ HorizontalOverflowBar } />
      <Route path="/patterns/cards" component={ Cards } />
      <Route path="/patterns/carousel" component={ Carousel } />
      <Route path="/patterns/dropdown" component={ Dropdown } />
      <Route path="/patterns/figure" component={ Figure } />
      <Route path="/patterns/fitted-image" component={ FittedImage } />
      <Route path="/patterns/input-field" component={ InputField } />
      <Route path="/patterns/inputs" component={ Inputs } />
      <Route path="/patterns/leftright" component={ LeftRight } />
      <Route path="/patterns/loader" component={ Loader } />
      <Route path="/patterns/markdown" component={ Markdown } />
      <Route path="/patterns/medallion" component={ Medallion } />
      <Route path="/patterns/modals" component={ Modals } />
      <Route path="/patterns/pagination" component={ Pagination } />
      <Route path="/patterns/panels" component={ Panels } />
      <Route path="/patterns/social-links" component={ SocialLinks } />
      <Route path="/patterns/tabs" component={ Tabs } />
      <Route path="/patterns/tab-bar" component={ TabBar } />
      <Route path="/patterns/tether" component={ Tether } />
    </Switch>
  );
  
  export default Patterns;
  