All files input-group.tsx

100% Statements 9/9
100% Branches 2/2
100% Functions 1/1
100% Lines 9/9

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 2819x 19x           19x   3x 3x 3x 3x     3x           3x            
import * as classNames from 'classnames';
import * as React from 'react';
 
export interface IProps {
  block?: boolean;
}
 
export const InputGroup: React.SFC<IProps & React.HTMLProps<HTMLDivElement>> = (props) => {
  const {
    children,
    className,
    block,
    ...remainingProps
  } = props;
 
  const myClassNames = [
    'input-group',
    block ? 'block' : null,
    className
  ];
 
  return (
    <div {...remainingProps} className={classNames(myClassNames)}>
      {children}
    </div>
  );
};