@atlaskit/pragmatic-drag-and-drop-react-drop-indicator
Version:
An optional Pragmatic drag and drop package containing react components that provide a visual indication about what the user will achieve when the drop (eg lines)
28 lines (27 loc) • 1.13 kB
JavaScript
/* border.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./border.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { presetStrokeColors, presetStrokeWidth } from '../presets';
var styles = null;
export function Border(_ref) {
var _ref$strokeColor = _ref.strokeColor,
strokeColor = _ref$strokeColor === void 0 ? presetStrokeColors.default : _ref$strokeColor,
_ref$strokeWidth = _ref.strokeWidth,
strokeWidth = _ref$strokeWidth === void 0 ? presetStrokeWidth : _ref$strokeWidth,
_ref$borderRadius = _ref.borderRadius,
borderRadius = _ref$borderRadius === void 0 ? '3px' : _ref$borderRadius,
_ref$indent = _ref.indent,
indent = _ref$indent === void 0 ? '0px' : _ref$indent;
return /*#__PURE__*/React.createElement("div", {
style: {
'--stroke-color': strokeColor,
'--stroke-width': strokeWidth,
'--border-radius': borderRadius,
'--indent': indent
},
className: ax(["_19it1ebc _2rko1koq _kqswstnw _152tidpf _u7coidpf _rjxpidpf _1e02armj _lcxvglyw"])
});
}
// For React.lazy
export default Border;