/* top-nav-middle.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./top-nav-middle.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { fg } from '@atlaskit/platform-feature-flags';
const styles = {
  root: "_zulpu2gc _yyhycs5v _1bsb1osq _4cvr1h6o _1e0c1txw _1bahh9n0 _181n11p5 _1j8b15b0 _lagd1bp4 _1t4c1ris _12e8h9n0",
  fullHeightSidebar: "_lcxv1wug"
};

/**
 * __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('navx-full-height-sidebar') && styles.fullHeightSidebar])
  }, children);
}