@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)
26 lines (25 loc) • 821 B
JavaScript
/* border.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./border.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { presetStrokeColors, presetStrokeWidth } from '../presets';
const styles = null;
export function Border({
strokeColor = presetStrokeColors.default,
strokeWidth = presetStrokeWidth,
borderRadius = '3px',
// TODO: update to radius.small (4px) token
indent = '0px'
}) {
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;