import React from 'react'
import { Section } from '../shared'
import { SolidButton } from '../shared/styledComponents'
import { StyledHeading, StyledDesc, InputStyled, StyledAnchor } from './style'

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"
            target="_blank"
            rel="noopener"
          >
            SAS Web Apps
          </StyledAnchor>.
        </StyledDesc>
      </div>
      </div>
      <div className="col-md-3">
        <StyledHeading>Source Code</StyledHeading>
        <StyledDesc>
          All our source code can be found on our self-hosted{' '}
          <StyledAnchor
            href="https://git.datacontroller.io"
            target="_blank"
            rel="noopener"
          >
            Gitea Repository
          </StyledAnchor>
          .
        </StyledDesc>
      </div>
      <div className="col-md-3">
        <StyledHeading>Other Resources</StyledHeading>
        <StyledDesc>
          Leverage our underlying tech stack on{' '}
          <StyledAnchor
            href="https://gitub.com/sasjs"
            target="_blank"
            rel="noopener"
          >
            Github
          </StyledAnchor>{' '}
          and build your own SAS Powered Web Apps.
        </StyledDesc>
      </div>
    </div>
  </Section>
)

export default Footer