How to use the frontity.styled.footer function in frontity

);
};

export default connect(Footer);

const SiteFooterInner = styled(SectionContainer)`
  align-items: baseline;
  display: flex;
  justify-content: space-between;
`;

const SiteFooter = styled.footer`
  margin-top: 5rem;
  border-color: #dcd7ca;
  border-style: solid;
  border-width: 0;
  padding: 3rem 0;
  background-color: ${props => props.bg};
  color: #000000;

  @media (min-width: 700px) {
    margin-top: 8rem;
    font-size: 1.8rem;
    padding: 4.3rem 0;
  }

  a {
    color: inherit;

width: var(--container-percentage);
    max-width: var(--container-normal);
    border-top: 1px solid var(--color-border);
    margin-left: auto;
    margin-right: auto;

    --margin-top: 2;
    --padding-top: 1;    
    --padding-bottom: 1;

    ${inMobile} {
        margin-bottom: var(--header-height);
    }
`;

const FooterContainer = styled.footer`
    text-align: center;
    --font-size: -.4;
    color: var(--color-text-light);
`;