@kcuf/canvas-marking-react/dist/cjs/ui/index.js

The React wrapping of @kcuf/canvas-marking.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _canvasMarkingReactHeadless = require("@kcuf/canvas-marking-react-headless");
var _jsxRuntime = require("react/jsx-runtime");
var ScMarkingContainer = _styledComponents.default.div.withConfig({
  displayName: "ui__ScMarkingContainer",
  componentId: "sc-166gv8k-0"
})(["height:100%;min-height:120px;"]);
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function Ui(_props, ref) {
  var _useProps = (0, _canvasMarkingReactHeadless.useProps)(),
    className = _useProps.className;
  var refDomContainer = (0, _canvasMarkingReactHeadless.useRefDomContainer)();
  var imperativeRef = (0, _canvasMarkingReactHeadless.useImperativeRef)();
  (0, _react.useImperativeHandle)(ref, function () {
    return imperativeRef;
  }, [imperativeRef]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScMarkingContainer, {
    className: className,
    ref: refDomContainer
  });
});