@lobehub/ui/es/dashboard/AuthLayout/AuthLayout.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import FlexBasic_default from "../../Flex/FlexBasic.mjs";
import Text from "../../base-ui/Text/Text.mjs";
import { styles } from "../Surface/style.mjs";
import { styles as styles$1 } from "./style.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
import { cx } from "antd-style";
//#region src/dashboard/AuthLayout/AuthLayout.tsx
function AuthLayout({ aside, brand, children, className, description, title, tools, ...rest }) {
	const split = Boolean(aside);
	return /* @__PURE__ */ jsxs("div", {
		className: className ? `${styles$1.page} ${className}` : styles$1.page,
		...rest,
		children: [/* @__PURE__ */ jsxs("header", {
			className: styles$1.header,
			children: [brand, tools ? /* @__PURE__ */ jsx("div", {
				className: styles$1.tools,
				children: tools
			}) : null]
		}), /* @__PURE__ */ jsx("main", {
			className: styles$1.main,
			children: /* @__PURE__ */ jsx("div", {
				className: cx(styles$1.lift, split && styles$1.liftSplit, styles.card),
				children: /* @__PURE__ */ jsxs("div", {
					className: cx(styles$1.frame, split && styles$1.split),
					children: [/* @__PURE__ */ jsxs("div", {
						className: cx(styles$1.form, split && styles$1.formSplit),
						children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
							gap: 8,
							children: [/* @__PURE__ */ jsx(Text, {
								as: "h1",
								className: styles$1.title,
								weight: "bold",
								children: title
							}), description ? /* @__PURE__ */ jsx(Text, {
								className: styles$1.description,
								type: "secondary",
								children: description
							}) : null]
						}), children]
					}), aside ? /* @__PURE__ */ jsx("div", {
						className: styles$1.aside,
						children: aside
					}) : null]
				})
			})
		})]
	});
}
AuthLayout.displayName = "AuthLayout";
//#endregion
export { AuthLayout as default };

//# sourceMappingURL=AuthLayout.mjs.map