All files / Atoms/Tabs TabMenu.js

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

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        1x           2x     1x         2x     1x 2x         1x         1x          
import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'
 
const Wrapper = styled.div`
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-bottom: 2px solid ${(props) => props.theme['tabMenuBorderColor']};
  box-sizing: border-box;
`
const Container = styled.div`
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: ${(props) => props.width};
`
 
const TabMenu = ({ children, width }) => (
  <Wrapper>
    <Container width={width}>{children}</Container>
  </Wrapper>
)
 
TabMenu.propTypes = {
  children: PropTypes.node,
  width: PropTypes.string,
}
 
TabMenu.defaultProps = {
  width: '100%',
}
 
export default TabMenu