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

Wulper Studio Library Components CMS

var _Icon;
import { Icon } from '@iconify/react';
import React from 'react';
import { IconButtonComponent } from '../../components/IconButtonComponent';
import { LayoutAvatar, Container } from './styled';
import { jsx as _jsx } from "react/jsx-runtime";
export var DrawerAssetFloat = function DrawerAssetFloat(props) {
  return /*#__PURE__*/_jsx(Container, {
    children: /*#__PURE__*/_jsx(LayoutAvatar, {
      image: props.image,
      children: props.hideCloseICon && /*#__PURE__*/_jsx(IconButtonComponent, {
        iconProps: {
          sx: {
            color: '#fff'
          }
        },
        children: _Icon || (_Icon = /*#__PURE__*/_jsx(Icon, {
          icon: "mdi:close"
        }))
      })
    })
  });
};