@activecollab/components/dist/cjs/presentation/shared/FloatingControls.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FloatingControls = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _IconButton = require("../../components/IconButton");
var _Icons = require("../../components/Icons");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var StyledFloatingControls = _styledComponents.default.div.withConfig({
  displayName: "FloatingControls__StyledFloatingControls",
  componentId: "sc-1lhg61f-0"
})(["position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;z-index:40;"]);

/* Chat-hub button (mirrors the app's .chat-hub-button): a contained
   IconButton, 48px, with the ChatIcon. */
var ChatHubButton = (0, _styledComponents.default)(_IconButton.IconButton).withConfig({
  displayName: "FloatingControls__ChatHubButton",
  componentId: "sc-1lhg61f-1"
})(["&&{width:48px;height:48px;}box-shadow:0 4px 12px rgba(0,0,0,0.25);"]);

/** The bottom-right floating chat-hub button. */
var FloatingControls = exports.FloatingControls = function FloatingControls() {
  return /*#__PURE__*/_react.default.createElement(StyledFloatingControls, null, /*#__PURE__*/_react.default.createElement(ChatHubButton, {
    variant: "contained",
    className: "chat-hub-button"
  }, /*#__PURE__*/_react.default.createElement(_Icons.ChatIcon, null)));
};
FloatingControls.displayName = "FloatingControls";
//# sourceMappingURL=FloatingControls.js.map