import { styled } from 'styleh-components'
import { TextPlaceholder } from 'atoms/Placeholder'

const StyledTextPlaceholder = styled.withComponent(TextPlaceholder) `
  margin-bottom: rem(8);
`

const DetailLink = styled.div `
  display: flex;
`

const Details = styled.div `
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
`

const Wrapper = styled.section ``

export { Wrapper, Details, DetailLink, StyledTextPlaceholder }