import React from 'react';
import { PageHeader, PisellLayouts } from '@pisell/materials';
import "./index.less";
var Layout = PisellLayouts.Layout,
  Sider = PisellLayouts.Sider,
  Content = PisellLayouts.Content;
var TwoColumnPageLayout = function TwoColumnPageLayout(_ref) {
  var title = _ref.title,
    subTitle = _ref.subTitle,
    sider = _ref.sider,
    children = _ref.children,
    _ref$siderWidth = _ref.siderWidth,
    siderWidth = _ref$siderWidth === void 0 ? 240 : _ref$siderWidth;
  return /*#__PURE__*/React.createElement("div", {
    className: "saas-device-profile-two-column-page-root"
  }, /*#__PURE__*/React.createElement(PageHeader, {
    title: title,
    subTitle: 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)));
};
export default TwoColumnPageLayout;