@rtbjs/use-state/dist/esm/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

import { __assign, __makeTemplateObject } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { styled } from 'styled-components';
var ResizeContainer = styled.div(templateObject_1 || (templateObject_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.div(templateObject_2 || (templateObject_2 = __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"])));
export var ResizeHandle = function (props) { return (_jsx(ResizeContainer, __assign({}, props, { children: _jsx(ResizeInner, {}) }))); };
var templateObject_1, templateObject_2;
//# sourceMappingURL=ResizeHandle.js.map