@wix/design-system/dist/cjs/SectionHeader/SectionHeader.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _Text = _interopRequireDefault(require("../Text"));
var _SectionHeaderSt = require("./SectionHeader.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/SectionHeader/SectionHeader.tsx";
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var SectionHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
  var dataHook = _ref.dataHook,
    title = _ref.title,
    suffix = _ref.suffix,
    id = _ref.id,
    ariaDescribedBy = _ref['aria-describedby'],
    _ref$as = _ref.as,
    as = _ref$as === void 0 ? 'span' : _ref$as,
    _ref$skin = _ref.skin,
    skin = _ref$skin === void 0 ? 'standard' : _ref$skin,
    _ref$size = _ref.size,
    size = _ref$size === void 0 ? 'medium' : _ref$size,
    _ref$align = _ref.align,
    align = _ref$align === void 0 ? 'start' : _ref$align,
    _ref$divider = _ref.divider,
    divider = _ref$divider === void 0 ? 'default' : _ref$divider,
    _ref$horizontalPaddin = _ref.horizontalPadding,
    horizontalPadding = _ref$horizontalPaddin === void 0 ? 'large' : _ref$horizontalPaddin;
  return /*#__PURE__*/_react.default.createElement("div", {
    ref: ref,
    "data-hook": dataHook,
    className: (0, _SectionHeaderSt.st)(_SectionHeaderSt.classes.root, {
      skin,
      horizontalPadding,
      divider,
      size
    }),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 24,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _SectionHeaderSt.st)(_SectionHeaderSt.classes.title, {
      align,
      horizontalPadding
    }),
    "data-hook": "title-node",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 9
    }
  }, /*#__PURE__*/(0, _react.isValidElement)(title) ? title : /*#__PURE__*/_react.default.createElement(_Text.default, {
    id: id,
    className: _SectionHeaderSt.classes.titleText,
    "aria-describedby": ariaDescribedBy,
    tagName: as,
    size: size,
    weight: "thin",
    flip: true,
    ellipsis: true,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 13
    }
  }, title)), suffix && /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _SectionHeaderSt.st)(_SectionHeaderSt.classes.suffix, {
      horizontalPadding
    }),
    "data-hook": "suffix-node",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 57,
      columnNumber: 11
    }
  }, suffix));
});
SectionHeader.displayName = 'SectionHeader';
var _default = exports.default = SectionHeader;
//# sourceMappingURL=SectionHeader.js.map