webcomponents-react/examples/nextjs-app/app/layout.tsx at f967c84479577f02df1c3e8a7a1e46de00ff835e · UI5/webcomponents-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import '@ui5/webcomponents-react/styles.css';
import './globals.css';
import { AppShell } from '@/app/components/AppShell';
import { ThemeProvider } from '@ui5/webcomponents-react/ThemeProvider';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <script
          data-ui5-config
          type="application/json"
          dangerouslySetInnerHTML={{
            __html: JSON.stringify({
              theme: 'sap_horizon',
            }),
          }}
        />
      </head>
      <body>
        <div className="appShell">
          <ThemeProvider staticCssInjected>
            <AppShell>{children}</AppShell>
          </ThemeProvider>
        </div>
      </body>
    </html>
  );
}