import React from 'react';

export interface IButtonGroup extends React.HTMLProps<any> {
  className?: string;
  size?: 'sm' | 'lg' | any;
  style?: React.CSSProperties;
  [x: string]: any;
}

export const ButtonGroup: React.FC<IButtonGroup> = (props) => {
  const { className = '', size = '', style, ...otherProps } = props;

  const classNames = (size: string, className: string): string => {
    let classList = 'b-button-group';
    if (size) classList += ` ${size}`;
    if (className) classList += ` ${className}`;
    return classList;
  };

  return (
    <div className={classNames(size, className)} style={style} role="group" {...otherProps}>
      {props.children}
    </div>
  );
};