"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Resizable = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const classname_1 = require("../../../classname.js");
require("./Resizable.css");
const b = (0, classname_1.cn)('resizable');
const Resizer = ({ onMouseDown, direction }) => ((0, jsx_runtime_1.jsx)("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown, children: (0, jsx_runtime_1.jsx)("div", { className: b('resizer') }) }));
const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b({ hover, resizing }), children: [children, (0, jsx_runtime_1.jsx)(Resizer, { onMouseDown: onResizeLeft, direction: "left" }), (0, jsx_runtime_1.jsx)(Resizer, { onMouseDown: onResizeRight, direction: "right" })] }));
exports.Resizable = Resizable;
//# sourceMappingURL=Resizable.js.map
