All files content-box.tsx

100% Statements 17/17
100% Branches 0/0
100% Functions 3/3
100% Lines 17/17

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 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 4519x 19x   19x   2x 2x 2x     2x             19x   2x 2x 2x     2x             19x   1x 1x 1x     1x            
import * as classNames from 'classnames';
import * as React from 'react';
 
export const ContentBox: React.SFC<React.HTMLProps<HTMLDivElement>> = (props) => {
  const {
    className,
    children,
    ...remainingProps
  } = props;
 
  return (
    <div {...remainingProps} className={classNames('content-box', className)}>
      {children}
    </div>
  );
}
 
export const ContentBoxHeader: React.SFC<React.HTMLProps<HTMLDivElement>> = (props) => {
  const {
    className,
    children,
    ...remainingProps
  } = props;
 
  return (
    <div {...remainingProps} className={classNames('content-box-header', className)}>
      {children}
    </div>
  );
}
 
export const ContentBoxFooter: React.SFC<React.HTMLProps<HTMLDivElement>> = (props) => {
  const {
    className,
    children,
    ...remainingProps
  } = props;
 
  return (
    <div {...remainingProps} className={classNames('content-box-footer', className)}>
      {children}
    </div>
  );
}