"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Heading = _interopRequireDefault(require("../../../Heading"));
var _Text = _interopRequireDefault(require("../../../Text"));
var _Divider = _interopRequireDefault(require("../../../Divider"));
var _SectionSt = require("./Section.st.css.js");
var _constants = require("./constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Page/components/Section/Section.tsx";
var Section = _ref => {
  var {
    dataHook,
    showDivider,
    title,
    subtitle,
    actionsBar,
    className
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _SectionSt.st)(_SectionSt.classes.root, {
      showDivider
    }, className),
    "data-hook": dataHook,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 17,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _SectionSt.classes.content,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 21,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _SectionSt.classes.titleColumn,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 22,
      columnNumber: 7
    }
  }, title && /*#__PURE__*/_react.default.createElement(_Heading.default, {
    size: "small",
    as: "h2",
    dataHook: _constants.dataHooks.pageSectionTitle,
    ellipsis: true,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 24,
      columnNumber: 11
    }
  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_Text.default, {
    secondary: true,
    weight: "thin",
    ellipsis: true,
    dataHook: _constants.dataHooks.pageSectionSubtitle,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 11
    }
  }, subtitle)), actionsBar && /*#__PURE__*/_react.default.createElement("div", {
    className: _SectionSt.classes.actionsBar,
    "data-hook": _constants.dataHooks.pageSectionActionsBar,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 45,
      columnNumber: 9
    }
  }, actionsBar)), showDivider && /*#__PURE__*/_react.default.createElement(_Divider.default, {
    className: _SectionSt.classes.divider,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 53,
      columnNumber: 21
    }
  }));
};
Section.displayName = 'Page.Section';
var _default = exports.default = Section;
//# sourceMappingURL=Section.js.map