import React from 'react';
import classNames from 'classnames';

import '../base';
import styles from './Navbar.Item.styl';

export default function NavbarItem({ children, grow, separate, smSeparate, padding, blue, red, white, border, style, ...props }) {

  const classes = classNames({
    [styles.navbarItem]: true,
    [styles.grow]: grow,
    [styles.separate]: separate,
    [styles.smSeparate]: smSeparate,
    [styles.padding]: padding,
    [styles.blue]: blue,
    [styles.red]: red,
    [styles.white]: white,
    [styles.border]: border
  });

  return (
    <div className={classes} style={style}>
      {children}
    </div>
  );
}