import React from 'react';
import PropTypes from 'prop-types';
import { a as withNano, b as classNames } from '../chunk-566df01b.js';
import '../chunk-aeb80e51.js';
import '../chunk-aad905a2.js';

var styles = (function (theme) {
  return {
    navBar: {
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'space-between',
      height: '24px',
      padding: '16px 8px',
      borderBottom: '1px solid #d3d3db',
      background: '#ffffff',
      position: 'sticky',
      top: 0,
      zIndex: 10
    }
  };
});

var NavBar = function NavBar(_ref) {
  var classes = _ref.classes,
      children = _ref.children;
  return React.createElement(
    'nav',
    null,
    React.createElement(
      'div',
      { className: classNames(classes.navBar) },
      children
    )
  );
};

NavBar.propTypes = {
  classes: PropTypes.object,
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
};

var NavBar$1 = withNano(styles)(NavBar);

export default NavBar$1;
//# sourceMappingURL=index.js.map
