import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../../classname.js";
import "./Resizable.css";
const b = cn('resizable');
const Resizer = ({ onMouseDown, direction }) => (_jsx("div", { className: b('resizer-wrapper', { [direction]: true }), role: "button", tabIndex: 0, onMouseDown: onMouseDown, children: _jsx("div", { className: b('resizer') }) }));
export const Resizable = ({ hover, resizing, children, onResizeLeft, onResizeRight, }) => (_jsxs("div", { className: b({ hover, resizing }), children: [children, _jsx(Resizer, { onMouseDown: onResizeLeft, direction: "left" }), _jsx(Resizer, { onMouseDown: onResizeRight, direction: "right" })] }));
//# sourceMappingURL=Resizable.js.map
