import React from 'react';

export interface IContainer {
  className?: string;
  id?: string;
  fluid?: boolean;
  style?: React.CSSProperties;
  [x: string]: any;
}
export const Container: React.FC<IContainer> = (props) => {
  const { children, className = '', id, fluid = false, style, ...otherProps } = props;

  const classNames = (propClassName: string, propFluid: boolean) => {
    let classes = '';
    if (propFluid) {
      classes += 'b-container-fluid';
    } else {
      classes += 'b-container';
    }
    if (propClassName.length) {
      classes += ` ${propClassName}`;
    }

    return classes;
  };

  return (
    <div id={id} className={classNames(className, fluid)} style={style} {...otherProps}>
      {children}
    </div>
  );
};