import type { ReactNode } from "react";

// Card 018: the theme stylesheet is imported here, in a server component, as the design-system layout does. Imported
// from a client layout it changed the tree React hydrates, so every generated id below it (tooltips, tabs, menus)
// differed between the server-rendered page and the browser.
import "@/styles/medora-theme.css";
import { DashboardClientLayout } from "./client-layout";

export default function DashboardLayout({ children }: { children: ReactNode }) {
  return <DashboardClientLayout>{children}</DashboardClientLayout>;
}