function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import v from '../../config/variables';
const NavbarContainer = styled.nav`
  padding: ${v.base.gutter}px;
  background: ${props => v.backgrounds[props.theme]};
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  a {
    color: ${props => v.colors[props.theme]};
  }
`;

class Navbar extends React.Component {
  render() {
    return React.createElement(NavbarContainer, {
      theme: this.props.theme
    }, this.props.children);
  }

}

_defineProperty(Navbar, "propTypes", {
  children: PropTypes.node,
  theme: PropTypes.oneOf(['primary', 'success', 'warning', 'danger', 'info', 'light'])
});

_defineProperty(Navbar, "defaultProps", {
  theme: 'primary'
});

export default Navbar;