@rtbjs/use-state/dist/cjs/components/draggable-box/ResizeHandle.js

`@rtbjs/use-state` is a state management tool that can act as a local state and be easily turned into a global redux state. It is an innovative approach to state management that combines the advantages of both React's useState and Redux's state management

"use strict";
exports.__esModule = true;
exports.ResizeHandle = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_components_1 = require("styled-components");
var ResizeContainer = styled_components_1.styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  right: 0px;\n  width: 34px;\n  bottom: 0px;\n  cursor: se-resize;\n  height: 34px;\n  position: absolute;\n"], ["\n  right: 0px;\n  width: 34px;\n  bottom: 0px;\n  cursor: se-resize;\n  height: 34px;\n  position: absolute;\n"])));
var ResizeInner = styled_components_1.styled.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  width: 12px;\n  right: 4px;\n  border: 2px solid grey;\n  height: 12px;\n  bottom: 4px;\n  position: absolute;\n  border-top: 0;\n  border-left: 0;\n"], ["\n  width: 12px;\n  right: 4px;\n  border: 2px solid grey;\n  height: 12px;\n  bottom: 4px;\n  position: absolute;\n  border-top: 0;\n  border-left: 0;\n"])));
var ResizeHandle = function (props) { return ((0, jsx_runtime_1.jsx)(ResizeContainer, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(ResizeInner, {}) }))); };
exports.ResizeHandle = ResizeHandle;
var templateObject_1, templateObject_2;
//# sourceMappingURL=ResizeHandle.js.map