@atlaskit/onboarding/dist/es2019/styled/blanket.js

An onboarding spotlight introduces new features to users through focused messages or multi-step tours.

/* blanket.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./blanket.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
// IE11 and Edge: z-index needed because fixed position calculates z-index relative
// to body instead of nearest stacking context (Portal in our case).
const blanketStyles = null;
/**
 * __Blanket__
 *
 * A replacement for `@atlaskit/blanket`.
 *
 * We use this for spotlights instead of `@atlaskit/blanket`
 * because spotlights must sit on top of other layered elements,
 * such as modals, which have their own blankets.
 *
 * @internal
 */
const Blanket = /*#__PURE__*/forwardRef(({
  isTinted,
  onBlanketClicked,
  style,
  className
}, ref) => {
  return /*#__PURE__*/React.createElement("div", {
    ref: ref,
    role: "presentation"
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    ,
    className: ax(["_1r04idpf _v56414ka _kqsw1n9t _1pby1fw0", className]),
    style: {
      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Pass-through style props are not allowed
      ...style,
      backgroundColor: isTinted ? "var(--ds-blanket, #050C1F75)" : 'transparent'
    },
    onClick: onBlanketClicked
  });
});
export default Blanket;