@cbinsights/fds/lib/components/FloatingAction/index.js

Form: A design system by CB Insights

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _IconButton = _interopRequireDefault(require("../IconButton"));

var _excluded = ["theme", "Icon", "label", "isActive", "isLoading"];

var FloatingAction = function FloatingAction(_ref) {
  var _ref$theme = _ref.theme,
      theme = _ref$theme === void 0 ? 'aqua' : _ref$theme,
      Icon = _ref.Icon,
      label = _ref.label,
      isActive = _ref.isActive,
      isLoading = _ref.isLoading,
      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "shape--circle elevation--2 display--inlineBlock bgColor--".concat(theme)
  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
    isActive: isActive,
    isLoading: isLoading,
    Icon: Icon,
    label: label,
    size: "m",
    radius: "circle",
    theme: theme
  }, rest)));
};

var _default = FloatingAction;
exports.default = _default;