import React from 'react'
import { FaRss } from 'react-icons/fa'
import { Section } from '../shared'
import { SolidButton } from '../shared/styledComponents'
import { StyledHeading, StyledDesc, InputStyled, StyledAnchor } from './style'
import { siteMetadata } from '../../../gatsby-config'

const rssFeedUrl = `${siteMetadata.siteUrl}rss.xml`

const anchorStyles = {
  color: '#888'
}

const Footer = () => (
  <Section bottomArrow={false}>
    <div className="row">
      <div className="col-md-3 me-md-5">
        <StyledHeading>Data Controller</StyledHeading>
        <StyledDesc>
          Data Controller is the product of a UK company with a singular focus
          on <StyledAnchor href="https://sasapps.io">SAS Web Apps</StyledAnchor>
          .
        </StyledDesc>
      </div>
      <div className="col-md-3">
        <StyledHeading>Source Code</StyledHeading>
        <StyledDesc>
          Data Controller source is on our self-hosted{' '}
          <StyledAnchor href="https://git.datacontroller.io">
            Gitea Repository
          </StyledAnchor>
          ; the underlying SASjs framework is on{' '}
          <StyledAnchor href="https://github.com/sasjs">GitHub</StyledAnchor>.
        </StyledDesc>
      </div>
      <div className="col-md-3">
        <StyledHeading>Other Resources</StyledHeading>
        <StyledDesc>
          Connect on{' '}
          <StyledAnchor href={siteMetadata.social.linkedin}>
            LinkedIn
          </StyledAnchor>
          , read the{' '}
          <StyledAnchor href="https://docs.datacontroller.io">
            docs
          </StyledAnchor>
          , or subscribe to the{' '}
          <StyledAnchor href={rssFeedUrl}>
            <FaRss style={{ marginRight: '6px', verticalAlign: 'middle' }} />
            RSS feed
          </StyledAnchor>{' '}
          for updates.
        </StyledDesc>
      </div>
    </div>
  </Section>
)

export default Footer