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

const HeaderContent = styled.withComponent(Text) `
  margin-bottom: rem(16);
  text-transform: capitalize;
`

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

export { HeaderContent, Item }