import React from 'react'
import { H2 } from 'atoms/Text/Heading'

const Title = styled.span `
  font-size: 24px;
  color: #2c2c2c;
  font-weight: bold;
`
const ItemCount = styled.span `
  font-size: 14px;
  color: #2c2c2c;
`

const Wrapper = styled.div ``

const Header = styled.withComponent(H2) `
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  font: $font-bold-small;
  margin: 0;
  margin-bottom: rem(14);
`

const Box = styled.section ``

export { Wrapper, Box, Header, Title, ItemCount }