wix-style-react/dist/src/Accordion/components/AccordionItemCaret/AccordionItemCaret.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _system = require("@wix/wix-ui-icons-common/system");
var _Button = _interopRequireDefault(require("../../../Button"));
var _TextButton = _interopRequireDefault(require("../../../TextButton"));
var _constants = require("../../constants");
var _AccordionItemCaretSt = require("./AccordionItemCaret.st.css");
var _jsxFileName = "/home/builduser/work/a9c1ac8876d5057c/packages/wix-style-react/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.tsx";
var AccordionItemCaret = _ref => {
  var {
    showLabel,
    buttonType,
    skin,
    open,
    disabled,
    hover,
    collapseLabel,
    expandLabel
  } = _ref;
  var skinProp = skin === _constants.skins.neutral ? 'dark' : 'standard';
  var isLabelShown = showLabel === 'always' || hover;
  var label = open ? collapseLabel : expandLabel;
  if (buttonType === _constants.buttonTypes.node && isLabelShown && label) {
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label);
  }
  if (buttonType === _constants.buttonTypes.button && label && (
  // For this buttonType, showLabel default is 'always' if undefined.
  showLabel === 'hover' ? hover : true)) {
    return /*#__PURE__*/_react.default.createElement(_Button.default, {
      skin: skinProp,
      size: "small",
      priority: open ? 'secondary' : 'primary',
      disabled: disabled,
      dataHook: _constants.dataHooks.toggleButton,
      children: label,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 34,
        columnNumber: 7
      }
    });
  }
  if (buttonType === _constants.buttonTypes.textButton) {
    var suffixIcon = open ? /*#__PURE__*/_react.default.createElement(_system.CaretDown, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 45,
        columnNumber: 31
      }
    }) : /*#__PURE__*/_react.default.createElement(_system.CaretRight, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 45,
        columnNumber: 47
      }
    });
    return (
      /*#__PURE__*/
      // @ts-ignore
      _react.default.createElement(_TextButton.default, {
        className: (0, _AccordionItemCaretSt.st)(_AccordionItemCaretSt.classes.textButton, {
          withLabel: !!(isLabelShown && label)
        }),
        skin: skinProp,
        suffixIcon: suffixIcon,
        disabled: disabled,
        dataHook: _constants.dataHooks.toggleButton,
        children: isLabelShown && label,
        __self: void 0,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 49,
          columnNumber: 7
        }
      })
    );
  }
  return null;
};
var _default = exports.default = AccordionItemCaret;
//# sourceMappingURL=AccordionItemCaret.js.map