rsnext/examples/with-rbx-bulma-pro/components/Layout.js
Steven 4466ba436b
chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

58 lines
1.4 KiB
JavaScript

import Link from "next/link";
import {
Generic,
Container,
Content,
Navbar,
Section,
Hero,
Title,
Footer,
} from "rbx";
const Layout = ({ children }) => {
return (
<Generic>
<Navbar fixed="top" color="primary">
<Navbar.Brand>
<Navbar.Item href="#">Bulma</Navbar.Item>
<Navbar.Burger />
</Navbar.Brand>
<Navbar.Menu>
<Navbar.Segment align="start">
<Link href="/" legacyBehavior>
<Navbar.Item>Home</Navbar.Item>
</Link>
<Link href="/about" legacyBehavior>
<Navbar.Item>About</Navbar.Item>
</Link>
<Link href="/contact" legacyBehavior>
<Navbar.Item>Contact</Navbar.Item>
</Link>
</Navbar.Segment>
</Navbar.Menu>
</Navbar>
<Section backgroundColor="primary">
<Hero>
<Hero.Body>
<Container>
<Title as="h1" align="center" color="white">
Welcome to Next!
</Title>
</Container>
</Hero.Body>
</Hero>
</Section>
<Container>
<Content>{children}</Content>
</Container>
<Footer>
<Content textAlign="centered">
<p>&copy; Vercel, Inc. All rights reserved.</p>
</Content>
</Footer>
</Generic>
);
};
export default Layout;