Sha256: 9d05fd0d8d83b63b32fea20576046d3a3fb6bc0a5f48a9e18c77754a461cc8db

Contents?: true

Size: 1.13 KB

Versions: 3

Compression:

Stored size: 1.13 KB

Contents

/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */

import React from 'react'
import classnames from 'classnames'

import {
  Body,
  Title,
} from '../'

type HomeAddressStreetProps = {
  address: String,
  city: String,
  className?: String,
  dark?: Boolean,
  homeId: Number,
  houseStyle: String,
  state: String,
  zipcode: String,
}

const classes = (className, dark) => (
  classnames(className, {
    'pb_home_address_street': !dark,
    'pb_home_address_street_dark': dark,
  })
)

const HomeAddressStreet = ({
  address,
  city,
  className,
  dark=false,
  homeId,
  houseStyle,
  state,
  zipcode,
}: HomeAddressStreetProps) => (
  <div className={classes(className, dark)}>
    <Title
        className="pb_home_address_street_address"
        size={4}
    >
      {address} {`\u00b7`} {houseStyle}
    </Title>
    <Body color="light">
      {city}, {state}
    </Body>
    <Body
        className="home-hashtag"
        tag="span"
    >
      H#{homeId}
    </Body>
    <Body
        color="light"
        tag="span"
    >
      <small>{state}</small>
    </Body>
  </div>
)

export default HomeAddressStreet

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
playbook_ui-2.9.4 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
playbook_ui-2.9.3 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
playbook_ui-2.9.2 app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx