import { styled } from '@skava/modules/___dist/view-container'
import { H2 } from 'atoms/Text/Heading'
import { TextPlaceholder } from 'atoms/Placeholder'

const Header = styled.withComponent(H2) `
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  margin-bottom: rem(14);
`

const Title = styled.withComponent(TextPlaceholder) ``

const ItemCount = styled.withComponent(TextPlaceholder) ``

const Box = styled.section ``

const Wrapper = styled.div ``

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