import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * This is mostly for creating the root html for next.js applications that
 * defaults to setting the `dir="ltr"` and `lang="en"`. Additional props can be
 * passed to the root `<html>` and `<body>` elements and children can be
 * rendered before and after the `<body>` if needed.
 *
 * @example Simple Example
 * ```tsx
 * // src/app/layout.tsx
 * import { RootHtml } from "@react-md/core/RootHtml";
 * import { type ReactElement, type PropsWithChildren } from "react";
 * import { Roboto_Flex } from "next/font/google";
 *
 * const roboto = Roboto_Flex({
 *   subsets: ["latin"],
 *   variable: "--roboto",
 * });
 *
 * export default function RootLayout(props: PropsWithChildren): ReactElement {
 *   const { children } = props;
 *
 *   return <RootHtml className={roboto.variable}>{children}</RootHtml>;
 * }
 * ```
 *
 * @since 6.0.0
 */ export function RootHtml(props) {
    const { dir = "ltr", lang = "en", children, bodyProps, bodyClassName, beforeBodyChildren, afterBodyChildren, ...remaining } = props;
    return /*#__PURE__*/ _jsxs("html", {
        dir: dir,
        lang: lang,
        ...remaining,
        children: [
            beforeBodyChildren,
            /*#__PURE__*/ _jsx("body", {
                ...bodyProps,
                className: bodyClassName || bodyProps?.className,
                children: children
            }),
            afterBodyChildren
        ]
    });
}

//# sourceMappingURL=RootHtml.js.map