@atlaskit/navigation-system/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js

The latest navigation system for Atlassian apps.

/* top-nav-middle.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./top-nav-middle.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { OpenLayerObserverNamespaceProvider } from '@atlaskit/layering/open-layer-observer-namespace-provider';
import { fg } from '@atlaskit/platform-feature-flags/fg';
import { openLayerObserverTopNavMiddleNamespace } from '../constants';
const styles = {
  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0",
  container: "_1e0cqgwa _yv0e15b0 _wij21bp4 _1eji1ris _6a6zh9n0 _181n1pe1",
  viewport: "_181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0"
};

/**
 * __TopNavMiddle__
 *
 * Wrapper for the actions in the middle of the top navigation.
 *
 * Expects that the search bar is the first child.
 * If it is not, you might see unexpected layout behavior.
 */
export function TopNavMiddle({
  children
}) {
  return /*#__PURE__*/React.createElement("div", {
    className: ax([styles.root, fg('platform-dst-chat-panel-layout') ? styles.container : styles.viewport])
  }, fg('platform-dst-top-layer') ? children : /*#__PURE__*/React.createElement(OpenLayerObserverNamespaceProvider, {
    namespace: openLayerObserverTopNavMiddleNamespace
  }, children));
}