Nav Component

nav.js

const React = require('react');

class CustomComponent extends React.Component {
  render() {
    const { hasError, idyll, updateProps, ...props } = this.props;
    return (
      <div style={{position: 'fixed', top: 0, left: 0, right: 0, display: 'flex', padding: '1em', background: '#000', justifyContent: 'space-between'}}>
        <div style={{fontWeight: 'bold', fontSize: '2em', color: '#fff'}}>MY BLOG</div>
        <div style={{display: 'flex'}}>
          <div style={{fontSize: '1.5em', color: '#fff', marginRight: '1em'}}>A Link</div>
          <div style={{fontSize: '1.5em', color: '#fff'}}>Another Link</div>
        </div>
      </div>
    );
  }
}

module.exports = CustomComponent;