@wix/design-system/dist/cjs/Page/components/Section/Section.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
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 _context = require("../../../WixDesignSystemProvider/context");
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(_context.WixDesignSystemContext.Consumer, {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 19,
      columnNumber: 3
    }
  }, _ref2 => {
    var {
      newColorsBranding
    } = _ref2;
    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: 21,
        columnNumber: 7
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: _SectionSt.classes.content,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 25,
        columnNumber: 9
      }
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: _SectionSt.classes.titleColumn,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 26,
        columnNumber: 11
      }
    }, title && /*#__PURE__*/_react.default.createElement(_Heading.default, {
      size: newColorsBranding ? 'small' : 'large',
      as: "h2",
      dataHook: _constants.dataHooks.pageSectionTitle,
      ellipsis: true,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 28,
        columnNumber: 15
      }
    }, 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: 38,
        columnNumber: 15
      }
    }, subtitle)), actionsBar && /*#__PURE__*/_react.default.createElement("div", {
      className: _SectionSt.classes.actionsBar,
      "data-hook": _constants.dataHooks.pageSectionActionsBar,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 49,
        columnNumber: 13
      }
    }, actionsBar)), showDivider && /*#__PURE__*/_react.default.createElement(_Divider.default, {
      className: _SectionSt.classes.divider,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 57,
        columnNumber: 25
      }
    }));
  });
};
Section.displayName = 'Page.Section';
Section.propTypes = {
  dataHook: _propTypes.default.string,
  className: _propTypes.default.string,
  title: _propTypes.default.node,
  subtitle: _propTypes.default.node,
  actionsBar: _propTypes.default.node,
  showDivider: _propTypes.default.bool
};
var _default = exports.default = Section;
//# sourceMappingURL=Section.js.map