const TabsContainer = styled('div')`
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
`

const Heading = styled('div')`
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  border-bottom: 1px solid ${({ theme }) => theme.tabs.underlineColor};
`

const Content = styled('div')`
  padding-top: 1rem;
  flex-grow: 1;
`