import { jsx, jsxs } from "react/jsx-runtime";
import "react";
import { observer, useFieldSchema } from "@tachybase/schema";
import { DragHandler } from "../../index.mjs";
const Block = observer((props)=>{
    const fieldSchema = useFieldSchema();
    return /*#__PURE__*/ jsxs("div", {
        style: {
            marginBottom: 20,
            padding: '0 20px',
            height: 50,
            lineHeight: '50px',
            background: '#f1f1f1'
        },
        children: [
            "Block ",
            fieldSchema.title,
            /*#__PURE__*/ jsx(DragHandler, {})
        ]
    });
}, {
    displayName: 'Block'
});
export { Block };
