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

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

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

export { HeaderContent, Item }