antd/es/float-button/FloatButtonContent.js

An enterprise-class UI design language and React components implementation

import React, { memo } from 'react';
import FileTextOutlined from "@ant-design/icons/es/icons/FileTextOutlined";
import classNames from 'classnames';

var FloatButtonContent = function FloatButtonContent(props) {
  var icon = props.icon,
      description = props.description,
      prefixCls = props.prefixCls,
      className = props.className;
  var defaultElement = /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-icon")
  }, /*#__PURE__*/React.createElement(FileTextOutlined, null));
  return /*#__PURE__*/React.createElement("div", {
    onClick: props.onClick,
    onFocus: props.onFocus,
    onMouseEnter: props.onMouseEnter,
    onMouseLeave: props.onMouseLeave,
    className: classNames(className, "".concat(prefixCls, "-content"))
  }, icon || description ? /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-icon")
  }, icon), description && /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-description")
  }, description)) : defaultElement);
};

export default /*#__PURE__*/memo(FloatButtonContent);