packages/shared-ui/src/root-layout.tsx
import "./globals.css";
import "nextjs-themes/styles.css";
import { ThemeSwitcher } from "nextjs-themes";
import { ForkMe } from "@mayank1513/fork-me/server"; // todo: import directory not supported in remix
import type { HTMLProps } from "react";
import styles from "./root-layout.module.css";
import { Cards } from "./cards";
import { Description } from "./root/description";
import { Hero } from "./root/hero";
import { Footer } from "./root/footer";
import Examples from "./examples";
export type SharedRootLayoutProps = HTMLProps<HTMLElement>;
export function SharedRootLayout({ children, className = "", ...props }: SharedRootLayoutProps) {
return (
<>
<ThemeSwitcher themeTransition="all 0.3s ease-in-out 0s" />
<main className={`${styles.main} ${className}`} {...props}>
<Description />
{children}
<Hero />
<Examples />
<Cards />
</main>
<Footer />
<ForkMe
bgColor="var(--text-color)"
gitHubUrl="https://github.com/web-dev-classes/udemy-demo"
textColor="var(--bg-color)"
/>
</>
);
}