import { jsx as _jsx } from "@emotion/react/jsx-runtime";
import { forwardRef } from 'react';
import { HolderOutlined } from '@ant-design/icons';
import { DragOverlayStyled, HolderOutlinedCSS } from './renderer.style';
import { EffectPanel } from './effect-panel';
export const DragOverlayEntry = forwardRef((props, ref) => (_jsx(DragOverlayStyled, { ref: ref, children: _jsx(EffectPanel, Object.assign({ extra: _jsx(HolderOutlined, { css: HolderOutlinedCSS }) }, props)) })));
