import { styled } from 'styleh-components'
import { H2 } from '@skava/ui/dist/components/atoms/Text/Heading'
import { TextPlaceholder } from '@skava/ui/dist/components/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 }