import { styled } from 'styleh-components'
import { Heading } from '@skava/ui/dist/components/atoms/Text'
import { PhysicalAddress } from '@skava/ui/dist/components/molecules/PhysicalAddress'

const StyledTitle = styled(Heading) `
  margin: 0;
  padding: 0 0 8px 0;
  font-size: 20px;
  color: var(--color-black);
  text-transform: capitalize;
`

const StyledAddress = styled(PhysicalAddress) `
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  color: var(--color-black);
`

export { StyledTitle, StyledAddress }