import React from 'react'
import injectSheet from 'react-jss'

const ResourceCard = ({ classes, resource }) => {
	return (
		<div className={classes.root}>
			<div className={classes.resourceName}>{resource.prcName}</div>
			{resource.address.line1}
			{resource.address.line2}
			{resource.address.city}
			{resource.address.state}
			{resource.address.zip}
		</div>
	)
}

const styles = {
	root: {
		border: '2px solid #3d65f9',
		'border-radius': '4px',
		margin: '20px 20px 20px 20px',
	},
	resourceName: {
		margin: '40px 0px 0px 30px',
		'font-family': 'sans-serif',
		'font-size': '20px',
	},
}

export default injectSheet(styles)(ResourceCard)

@@ -106,16 +106,78 @@
 %7D) =%3E %7B%0A
+%09const %7B line1, line2, city, state, zip %7D = resource.address%0A%0A
 %09return 
@@ -178,16 +178,16 @@
 eturn (%0A
-
 %09%09%3Cdiv c
@@ -276,33 +276,56 @@
 e%7D%3C/div%3E%0A%09%09%09
-%7B
+%3Cdiv className=%7Bclasses.
 resource
 .address.lin
@@ -316,45 +316,35 @@
 urce
-.a
+A
 ddress
-.
+%7D%3E%0A%09%09%09%09%7B
 line1%7D%0A
+%09
 %09%09%09%7B
-resource.address.
 line
@@ -353,85 +353,58 @@
 %0A%09%09%09
+%09
-%7Bresource.address.city%7D%0A%09%09%09%7Bresource.address.state%7D%0A%09%09%09%7Bresource.address.zip%7D
+%3Cbr /%3E%0A%09%09%09%09%7B%60$%7Bcity%7D, $%7Bstate%7D $%7Bzip%7D%60%7D%0A%09%09%09%3C/div%3E
 %0A%09%09%3C
@@ -614,16 +614,16 @@
 serif',%0A
-
 %09%09'font-
@@ -641,16 +641,126 @@
 x',%0A%09%7D,%0A
+%09resourceAddress: %7B%0A%09%09margin: '20px 0px 20px 30px',%0A%09%09'font-family': 'sans-serif',%0A%09%09'font-size': '15px',%0A%09%7D,%0A
 %7D%0A%0Aexpor

Format address