@atlaskit/primitives/dist/esm/compiled/components/bleed.js

Primitives are token-backed low-level building blocks.

/* bleed.tsx generated by @compiled/babel-plugin v0.36.1 */
import "./bleed.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
// NOTE: This maintains a full map of 10 styles as Bleed is a bit of a semantic outlier
var styles = {
  root: "_vchhusvi",
  'inline.space.025': "_195g4pxn",
  'inline.space.050': "_195ggp71",
  'inline.space.100': "_195gtdkl",
  'inline.space.150': "_195gkqjj",
  'inline.space.200': "_195g1e8l",
  'block.space.025': "_1mou4pxn",
  'block.space.050': "_1mougp71",
  'block.space.100': "_1moutdkl",
  'block.space.150': "_1moukqjj",
  'block.space.200': "_1mou1e8l"
};

/**
 * __Bleed__
 *
 * `Bleed` is a primitive layout component that controls negative whitespace.
 *
 * - [Examples](https://atlassian.design/components/primitives/bleed/examples)
 * - [Code](https://atlassian.design/components/primitives/bleed/code)
 */
var Bleed = /*#__PURE__*/React.memo(function (_ref) {
  var children = _ref.children,
    testId = _ref.testId,
    inline = _ref.inline,
    block = _ref.block,
    all = _ref.all,
    xcss = _ref.xcss;
  return /*#__PURE__*/React.createElement("div", {
    className: ax([styles.root, all && styles["inline.".concat(all)], inline && styles["inline.".concat(inline)], all && styles["block.".concat(all)], block && styles["block.".concat(block)], xcss]),
    "data-testid": testId
  }, children);
});
Bleed.displayName = 'Bleed';
export default Bleed;