import React from "react";
import classnames from "classnames";
import PropTypes from "prop-types";

export interface INavbarColumnProps {
  children?: React.ReactNode | React.ReactNode[];
  className?: string;
}

const NavbarColumn: React.FC<INavbarColumnProps> = ({
  className,
  children
}: INavbarColumnProps) => {
  return <div className={classnames("dropdown-column", className)}>{children}</div>;
};

NavbarColumn.displayName = "NavbarColumn";
NavbarColumn.propTypes = {
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
  className: PropTypes.string
};

export default NavbarColumn;