import React from 'react';
import styled from 'styled-components';

const Wrapper = styled.div`
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  &:last-child {
    border: none;
  }
`;

const Agency = styled.h5`
  font-weight: normal;
  margin: 1.6875rem 0;
`;

export default ({
  agency,
  description,
  images,
  link,
  title
}) => (
  <Wrapper>
    <h4>{title}</h4>
    {agency &&
      <Agency>
        <strong>Agency:</strong> {agency}
      </Agency>
    }
    <p>{description}</p>
    {link &&
      <a href={link} target="_blank">visit site</a>
    }
    {images && images.map((image, index) => (
      <img src={image.src} key={index} />
    ))}
  </Wrapper>
);

@@ -65,202 +65,8 @@
 ';%0A%0A
-const Wrapper = styled.div%60%0A  border-bottom: 1px solid rgba(0, 0, 0, 0.2);%0A  &:last-child %7B%0A    border: none;%0A  %7D%0A%60;%0A%0Aconst Agency = styled.h5%60%0A  font-weight: normal;%0A  margin: 1.6875rem 0;%0A%60;%0A%0A
 expo
@@ -89,16 +89,35 @@
 agency,%0A
+  alignImageRight,%0A
   descri
@@ -155,18 +155,245 @@
 e%0A%7D) =%3E 
-(%0A
+%7B%0A  const Wrapper = styled.div%60%0A    border-bottom: 1px solid rgba(0, 0, 0, 0.2);%0A    &:last-child %7B%0A      border: none;%0A    %7D%0A  %60;%0A%0A  const Agency = styled.h5%60%0A    font-weight: normal;%0A    margin: 1.6875rem 0;%0A  %60;%0A%0A  return (%0A  
   %3CWrapp
@@ -396,16 +396,18 @@
 rapper%3E%0A
+  
     %3Ch4%3E
@@ -423,16 +423,18 @@
 h4%3E%0A    
+ 
+ 
 %7Bagency 
@@ -442,16 +442,18 @@
 &%0A      
+  
 %3CAgency%3E
@@ -449,24 +449,26 @@
    %3CAgency%3E%0A
+  
         %3Cstr
@@ -503,16 +503,18 @@
 %7D%0A      
+  
 %3C/Agency
@@ -515,26 +515,30 @@
 Agency%3E%0A    
+ 
+ 
 %7D%0A
+  
     %3Cp%3E%7Bdesc
@@ -554,16 +554,18 @@
 /p%3E%0A    
+  
 %7Blink &&
@@ -561,24 +561,26 @@
    %7Blink &&%0A
+  
       %3Ca hre
@@ -619,26 +619,30 @@
 ite%3C/a%3E%0A    
+ 
+ 
 %7D%0A
+  
     %7Bimages 
@@ -681,16 +681,18 @@
 (%0A      
+  
 %3Cimg src
@@ -719,16 +719,18 @@
 dex%7D /%3E%0A
+  
     ))%7D%0A
@@ -743,10 +743,11 @@
 apper%3E%0A)
+%7D
 ;%0A

move styled-components types to within main Project function so it can leverage props