import { styled } from 'view-container'
import { Heading } from 'atoms/Text'
import { PhysicalAddress } from 'molecules/PhysicalAddress'

const StyledTitle = styled.withComponent(Heading) `
  margin: 0;
  padding: 0 0 8px 0;
  font-size: 20px;
  color: #2c2c2c;
  text-transform: capitalize;
`

const StyledAddress = styled.withComponent(PhysicalAddress) `
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: #2c2c2c;
`

export { StyledTitle, StyledAddress }