All files container.tsx

100% Statements 11/11
100% Branches 4/4
100% Functions 1/1
100% Lines 7/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2119x 19x               19x 4x 4x 4x   4x            
import * as classNames from 'classnames';
import * as React from 'react';
 
export interface IProps {
  fluid?: boolean;
  solid?: boolean;
  children?: React.ReactNode;
}
 
export const Container: React.SFC<IProps & React.HTMLProps<HTMLDivElement>> = (props) => {
  const { children, className, fluid, solid, ...remainingProps } = props;
  const fluidClassName = fluid ? 'container-fluid' : 'container';
  const solidClassName = solid && 'solid';
 
  return (
    <div {...remainingProps} className={classNames(fluidClassName, solidClassName, className)}>
      {children}
    </div>
  );
};