text: // @flow
  
  import React from 'react';
  import styled from 'styled-components';
  // components
  import type { RouteProps } from 'routes.js';
  import Page from 'components/shared/Page';
  import NavBar from 'components/shared/NavBar';
  import LocationSearch from 'components/shared/LocationSearch';
  import SwimmingIcon from 'components/shared/Icons/SwimmingIcon';
  import EatingFishIcon from 'components/shared/Icons/EatingFishIcon';
  import AquaticLifeIcon from 'components/shared/Icons/AquaticLifeIcon';
  import DrinkingWaterIcon from 'components/shared/Icons/DrinkingWaterIcon';
  import DisclaimerModal from 'components/shared/DisclaimerModal';
  // styled components
  import { StyledText, StyledTopic } from 'components/shared/Topics';
  import {
    StyledButtons,
    StyledTopicButtonLink,
    StyledThreeButtonLinks,
  } from 'components/shared/ButtonLinks';
  
  // --- styled components ---
  const Disclaimer = styled(DisclaimerModal)`
    bottom: 1.25rem;
  `;
  
  const TopicButtonLink = styled(StyledTopicButtonLink)`
    ${StyledThreeButtonLinks}
  `;
  
  // --- components ---
  type Props = {
    ...RouteProps,
  };
  
  function Swimming({ ...props }: Props) {
    return (
      <Page>
        <NavBar title="Explore Topics" />
  
        <StyledTopic>
          <SwimmingIcon />
          <p>Swimming</p>
        </StyledTopic>
  
        <StyledText className="container">
          <LocationSearch
            route="/community/{urlSearch}/swimming"
            label={
              <em>Find out more about water you may potentially swim in.</em>
            }
          />
  
          <br />
  
          <p>
            Learn whether your local waters have been deemed safe for swimming and
            other recreational activities. Find out about what impairments exist
            in your local waterbodies. Water quality can change on very short
            notice. When deciding if it is safe to swim in a water body, refer to
            any local or state advisories. If available, refer to local or state
            real-time water quality reports.
          </p>
  
          <Disclaimer>
            <p>
              Users of this application should not rely on information relating to
              environmental laws and regulations posted on this application.
              Application users are solely responsible for ensuring that they are
              in compliance with all relevant environmental laws and regulations.
              In addition, EPA cannot attest to the accuracy of data provided by
              organizations outside of the federal government.
            </p>
          </Disclaimer>
  
          <hr />
  
          <h2>Other Topics</h2>
  
          <StyledButtons>
            <TopicButtonLink to="/eating-fish">
              <EatingFishIcon />
              Eating Fish
            </TopicButtonLink>
            <TopicButtonLink to="/aquatic-life">
              <AquaticLifeIcon />
              Aquatic Life
            </TopicButtonLink>
            <TopicButtonLink to="/drinking-water">
              <DrinkingWaterIcon />
              Drinking Water
            </TopicButtonLink>
          </StyledButtons>
        </StyledText>
      </Page>
    );
  }
  
  export default Swimming;
  