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

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

/* dialog.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import "./dialog.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { Box } from '@atlaskit/primitives/compiled';
const imageStyles = null;
const actionItemContainerStyles = {
  root: "_1e0c1txw _2lx21sbv _6rthze3t _1pfhze3t _12l2r5cr _ahbqr5cr"
};
const actionItemStyles = {
  root: "_6rthze3t _1pfhze3t _12l21b66 _ahbq1b66"
};

/**
 * __Dialog image__
 *
 * An optional header image in spotlight dialogs.
 *
 * @internal
 */
export const DialogImage = ({
  alt,
  ...props
}) => /*#__PURE__*/React.createElement("img", _extends({
  alt: alt
}, props, {
  className: ax(["_p12f1osq _4t3i1wug"])
}));

/**
 * __Dialog action item container__
 *
 * Flex wrapper around dialog action items.
 *
 * @internal
 */
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
export const DialogActionItemContainer = ({
  children
}) => /*#__PURE__*/React.createElement(Box, {
  xcss: actionItemContainerStyles.root
}, children);

/**
 * __Dialog action item__
 *
 * Action items shown inside of the dialog.
 *
 * @internal
 */
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports, @repo/internal/react/require-jsdoc
export const DialogActionItem = ({
  children
}) => /*#__PURE__*/React.createElement(Box, {
  xcss: actionItemStyles.root
}, children);