All files tabs.tsx

100% Statements 13/13

100% Branches 2/2

100% Functions 2/2

100% Lines 13/13

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 19x
19x
 
19x
 
2x
2x
2x
 
 
2x
 
 
 
 
 
 
 
 
 
 
19x
 
5x
5x
5x
5x
 
 
5x
 
 
 
 
 
  import * as classNames from 'classnames';
import * as React from 'react';
 
export const Tabs: React.SFC<React.HTMLAttributes<HTMLUListElement>> = (props) => {
  const {
    className,
    children,
    ...remainingProps
  } = props;
 
  return (
    <ul {...remainingProps} className={classNames('tabs', className)}>
      {children}
    </ul>
  );
}
 
export interface ITabProps {
  active?: boolean;
}
 
export const Tab: React.SFC<ITabProps & React.HTMLAttributes<HTMLLIElement>> = (props) => {
  const {
    className,
    children,
    active,
    ...remainingProps
  } = props;
 
  return (
    <li {...remainingProps} className={classNames('tab', active && 'active', className)}>
      {children}
    </li>
  );
}