@wix/design-system/dist/cjs/Dock/components/DockPoint/DockPoint.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 _DockPoint = require("./DockPoint.classes");
var _Dock = require("../../Dock.constants");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/Dock/components/DockPoint/DockPoint.tsx";
var toLabel = position => {
  var spaced = position.replace('-', ' ');
  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
};
var DockPoint = props => {
  var position = props.position,
    selected = props.selected,
    disabled = props.disabled,
    offsetIcon = props.offsetIcon,
    icon = props.icon,
    onClick = props.onClick;
  return /*#__PURE__*/_react.default.createElement("button", {
    type: "button",
    "data-hook": _Dock.DATA_HOOKS.point(position),
    className: _DockPoint.classes.root({
      position,
      selected,
      disabled,
      offsetIcon
    }),
    "aria-label": toLabel(position),
    "aria-pressed": selected,
    disabled: disabled,
    onClick: onClick,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 17,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: _DockPoint.classes.background(),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 26,
      columnNumber: 7
    }
  }, selected && icon ? /*#__PURE__*/_react.default.createElement("span", {
    className: _DockPoint.classes.icon(),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 28,
      columnNumber: 11
    }
  }, icon) : /*#__PURE__*/_react.default.createElement("span", {
    className: _DockPoint.classes.indicator(),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 30,
      columnNumber: 11
    }
  })));
};
DockPoint.displayName = 'DockPoint';
var _default = exports.default = DockPoint;
//# sourceMappingURL=DockPoint.js.map