import React from 'react' ; import styled from 'styled-components' ; import PropTypes from 'prop-types' ; import { space , color , width , height , maxWidth , maxHeight , } from 'design/system' ; const Image = props => { return < StyledImg { ... props } / > ; } ; Image . propTypes = { /** Image Src */ src : PropTypes . string , ... space . propTypes , ... color . propTypes , ... width . propTypes , ... height . propTypes , ... maxWidth . propTypes , ... maxHeight . propTypes , } ; Image . displayName = 'Logo' ; export default Image ; const StyledImg = styled . img `
  display: block;
  outline: none;
  ${ color } ${ space } ${ width } ${ height } ${ maxWidth } ${ maxHeight }
` ;