UNPKG

@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
/* 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;