text: import React, { Fragment } from "react"
  import { Styled, css } from "theme-ui"
  
  import NewsLetter from "../components/news-letter"
  
  const Footer = ({ socialLinks }) => (
    <footer
      css={css({
        mt: 4,
        pt: 3,
      })}
    >
      <Styled.hr />
      <NewsLetter />
      <br />
      {socialLinks.map((platform, i, arr) => (
        <Fragment key={platform.url}>
          <Styled.a href={platform.url} target="_blank" rel="noopener noreferrer">
            {platform.name}
          </Styled.a>
          {arr.length - 1 !== i && (
            <Fragment>
              {` `}&bull;{` `}
            </Fragment>
          )}
        </Fragment>
      ))}
    </footer>
  )
  export default Footer
  