38 lines
770 B
JavaScript
38 lines
770 B
JavaScript
import React from "react";
|
|
import { Flex } from "theme-ui";
|
|
|
|
import Link from "./Link";
|
|
|
|
function Footer() {
|
|
return (
|
|
<Flex
|
|
bg="muted"
|
|
sx={{
|
|
height: "48px",
|
|
width: "100%",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
paddingBottom: "env(safe-area-inset-bottom)",
|
|
}}
|
|
>
|
|
<Link m={2} to="/about" variant="footer">
|
|
About
|
|
</Link>
|
|
<Link m={2} to="/" variant="footer">
|
|
Home
|
|
</Link>
|
|
<Link m={2} to="/faq" variant="footer">
|
|
FAQ
|
|
</Link>
|
|
<Link m={2} to="/release-notes" variant="footer">
|
|
Release Notes
|
|
</Link>
|
|
<Link m={2} to="/how-to" variant="footer">
|
|
How To
|
|
</Link>
|
|
</Flex>
|
|
);
|
|
}
|
|
|
|
export default Footer;
|