"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.TitleItem = void 0;
var _react = _interopRequireDefault(require("react"));
var _VerticalTabsItemSt = require("../VerticalTabsItem.st.css.js");
var _Affix = require("./Affix");
var _ = require("../..");
var _VerticalTabs = require("../../VerticalTabs/VerticalTabs.constants");
var _VerticalTabsItem = require("../VerticalTabsItem.constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/VerticalTabsItem/components/TitleItem.tsx";
var TitleItem = _ref => {
  var {
    children,
    dataHook,
    prefixIcon,
    suffixIcon,
    size,
    ellipsis,
    baseSkin
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _VerticalTabsItemSt.st)(_VerticalTabsItemSt.classes.root, _VerticalTabsItemSt.classes.title, (0, _VerticalTabsItemSt.cssStates)({
      size,
      baseSkin,
      suffixIcon: !!suffixIcon,
      prefixIcon: !!prefixIcon
    })),
    "data-hook": dataHook,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 28,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_Affix.Affix, {
    dataHook: _VerticalTabsItem.DATA_HOOKS.ITEM_PREFIX_ICON,
    size: size,
    className: (0, _VerticalTabsItemSt.st)(_VerticalTabsItemSt.classes.prefixIcon),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 5
    }
  }, prefixIcon), /*#__PURE__*/_react.default.createElement(_.Text, {
    className: _VerticalTabsItemSt.classes.text,
    ellipsis: ellipsis,
    light: true,
    secondary: true,
    weight: size === _VerticalTabs.SIZE.TINY ? 'bold' : 'thin',
    size: size === _VerticalTabs.SIZE.MEDIUM ? _VerticalTabs.SIZE.SMALL : size,
    dataHook: _VerticalTabsItem.DATA_HOOKS.ITEM_TEXT,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 49,
      columnNumber: 5
    }
  }, children), /*#__PURE__*/_react.default.createElement(_Affix.Affix, {
    dataHook: _VerticalTabsItem.DATA_HOOKS.ITEM_SUFFIX_ICON,
    size: size,
    className: _VerticalTabsItemSt.classes.suffixIcon,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 61,
      columnNumber: 5
    }
  }, suffixIcon));
};
exports.TitleItem = TitleItem;
//# sourceMappingURL=TitleItem.js.map