@atlaskit/spotlight/dist/es2019/ui/header/index.js

A spotlight introduces users to points of interest, from focused messages to multi-step tours.

/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./index.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
import { Flex } from '@atlaskit/primitives/compiled';
const styles = {
  root: "_bozgpxbi _y4tiutpp"
};
/**
 * __SpotlightHeader__
 *
 * `SpotlightHeader` should be placed at the top of a `Spotlight`, and is
 * intended to show the `SpotlightHeadline` component, as well as `SpotLightControls`.
 *
 */
export const SpotlightHeader = /*#__PURE__*/forwardRef(({
  children,
  testId
}, ref) => {
  return /*#__PURE__*/React.createElement(Flex, {
    ref: ref,
    testId: testId,
    xcss: styles.root,
    alignItems: "center",
    justifyContent: "space-between",
    gap: "space.100"
  }, children);
});