wisesplit/components/Layout.tsx
2022-10-24 13:27:34 -05:00

37 lines
959 B
TypeScript

import { Container, Navbar } from "react-bootstrap";
export default function Layout({ children }) {
return (
<>
<Navbar bg="dark" variant="dark" expand="lg">
<Container>
<Navbar.Brand href="">WiseSplit</Navbar.Brand>
</Container>
</Navbar>
<Container>
<main>{children}</main>
</Container>
<footer style={{ textAlign: "center" }}>
<small>
<a href="https://github.com/iptq/wisesplit/" target="_blank">
[source]
</a>
&middot;
<a href="https://www.gnu.org/licenses/agpl-3.0.txt" target="_blank">
[license]
</a>
&middot;
<a href="https://github.com/iptq/wisesplit/stargazers">
<img
alt="GitHub stars"
src="https://img.shields.io/github/stars/iptq/wisesplit?style=social"
/>
</a>
</small>
</footer>
</>
);
}