| 1 | import React from 'react'; |
| 2 | |
| 3 | const title = 'Nested Layouts'; |
| 4 | |
| 5 | export const metadata = { |
| 6 | metadataBase: new URL('https://splitfire.ai'), |
| 7 | title, |
| 8 | openGraph: { |
| 9 | title, |
| 10 | images: [`/api/og?title=${title}`], |
| 11 | }, |
| 12 | }; |
| 13 | |
| 14 | export default async function Layout({ |
| 15 | children, |
| 16 | }: { |
| 17 | children: React.ReactNode; |
| 18 | }) { |
| 19 | return ( |
| 20 | <div className="space-y-9"> |
| 21 | <div className="flex justify-between"> |
| 22 | <div className="self-start"> |
| 23 | <h1 className="text-3xl font-bold">Ready to play!</h1> |
| 24 | </div> |
| 25 | </div> |
| 26 | <div>{children}</div> |
| 27 | </div> |
| 28 | ); |
| 29 | } |