import { styled } from 'styleh-components'
import { SubscriptionItem } from 'abstractions/Subscription/UpcomingDeliveries'
import { TextPlaceholder } from 'atoms/Placeholder'

const HeaderContent = styled.withComponent(TextPlaceholder) `
  margin-bottom: rem(16);
`

const Item = styled.withComponent(SubscriptionItem) `
  padding: 0 rem(8);
`

const ListWrapper = styled.div `
  display: flex;
  margin: 0 -rem(8);
`

const Wrapper = styled.div ``

export { HeaderContent, Item, ListWrapper, Wrapper }