@wulperstudio/cms/node/organisms/DrawerAssetFloat/DrawerAssetFloat.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DrawerAssetFloat = void 0;
var _react = require("@iconify/react");
var _react2 = _interopRequireDefault(require("react"));
var _IconButtonComponent = require("../../components/IconButtonComponent");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
var _Icon;
var DrawerAssetFloat = exports.DrawerAssetFloat = function DrawerAssetFloat(props) {
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Container, {
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.LayoutAvatar, {
      image: props.image,
      children: props.hideCloseICon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButtonComponent.IconButtonComponent, {
        iconProps: {
          sx: {
            color: '#fff'
          }
        },
        children: _Icon || (_Icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, {
          icon: "mdi:close"
        }))
      })
    })
  });
};