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

ActiveCollab Components

import React from "react";
import styled from "styled-components";
import { IconButton } from "../../components/IconButton";
import { ChatIcon } from "../../components/Icons";
const StyledFloatingControls = styled.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. */
const ChatHubButton = styled(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. */
export const FloatingControls = () => /*#__PURE__*/React.createElement(StyledFloatingControls, null, /*#__PURE__*/React.createElement(ChatHubButton, {
  variant: "contained",
  className: "chat-hub-button"
}, /*#__PURE__*/React.createElement(ChatIcon, null)));
FloatingControls.displayName = "FloatingControls";
//# sourceMappingURL=FloatingControls.js.map