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