import { styled } from 'styleh-components'
// import List from 'molecules/List'
import { H1 } from 'atoms/Text/Heading'
import Label from 'atoms/Text/Label'

/**
 * @todo <List> - when it's fixed
 */
const ToggleListWrapper = styled.div `
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
`

const Header = styled.withComponent(H1) `
  text-transform: capitalize;
  font: $font-bold-small;
  margin: 0;
  margin-bottom: rem(14);
`

const ToggleContentWrapper = styled.div `
  display: flex;
`

export { ToggleListWrapper, Header, ToggleContentWrapper }