'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(require('prop-types'));
var __chunk_1 = require('../chunk-f817ce38.js');
require('../chunk-2b268ae7.js');
require('../chunk-6d243953.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__default.createElement(
    'nav',
    null,
    React__default.createElement(
      'div',
      { className: __chunk_1.classNames(classes.navBar) },
      children
    )
  );
};

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

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

module.exports = NavBar$1;
//# sourceMappingURL=index.js.map
