text: import React from 'react';
  import { Card } from '@material-ui/core';
  import styled from 'styled-components';
  
  const StyledCard = styled(Card)`
    width: 100%;
    height: 27.5vh;
    display: flex;
    margin: 10% 0 0 10%;
  `;
  
  const ImageBox = selectedBridge => {
    const props = selectedBridge.selectedBridge.properties
    const images = []
    if props.before_img:
      images = [props.before_img,props.after]
      
    console.log(props)
    return (
      <StyledCard>
        {!selectedBridge ? 
          <p>select Map</p>
          :
          <p>{props.district || props.district_name} hello</p>
          }
  
      </StyledCard>
    );
  };
  
  export default ImageBox;
  