const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_materials = require("@pisell/materials");
require("./index.less");
//#region src/plus/saasDevice/deviceProfile/components/TwoColumnPageLayout/index.tsx
const { Layout, Sider, Content } = _pisell_materials.PisellLayouts;
const TwoColumnPageLayout = ({ title, subTitle, sider, children, siderWidth = 240 }) => {
	return /* @__PURE__ */ react.default.createElement("div", { className: "saas-device-profile-two-column-page-root" }, /* @__PURE__ */ react.default.createElement(_pisell_materials.PageHeader, {
		title,
		subTitle,
		showTitle: true,
		showSubTitle: Boolean(subTitle),
		showDivider: false
	}), /* @__PURE__ */ react.default.createElement(Layout, {
		className: "saas-device-profile-two-column-page-root-layout",
		hasSider: true
	}, /* @__PURE__ */ react.default.createElement(Sider, {
		width: siderWidth,
		theme: "light",
		className: "saas-device-profile-two-column-page-root-sider"
	}, sider), /* @__PURE__ */ react.default.createElement(Content, { className: "saas-device-profile-two-column-page-root-content" }, children)));
};
//#endregion
exports.default = TwoColumnPageLayout;
