import React from 'react';

export interface TabListProps {
  children: any;
  className: string;
  [x: string]: any;
}

export const TabList: React.FC<TabListProps> = (props) => {
  const { children, className, otherProps } = props;

  const classNames = (className: string): string => {
    let classList = 'b-tab-list';
    if (className) classList += ` ${className}`;
    return classList;
  };

  return (
    <nav className={classNames(className)} role="tablist" {...otherProps}>
      {children}
    </nav>
  );
};