'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { useDroppable } from '@dnd-kit/core';
import React from 'react';
import './index.scss';
const baseClass = 'toolbar-area';
export const ToolbarArea = (props)=>{
    const { children } = props;
    const { setNodeRef } = useDroppable({
        id: 'live-preview-area'
    });
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        ref: setNodeRef,
        children: children
    }, void 0, false, {
        fileName: "src/elements/LivePreview/ToolbarArea/index.tsx",
        lineNumber: 19,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map