import { styled } from 'view-container'

const ImagePlaceholderWrapper = styled.div`
  background-color: #d8d8d8;
  display: inline-flex;
  width: 100%;
  height: 100%;

  svg {
    ${props =>
      props.width &&
      styled.css`
        width: ${props.width + 'px'};
      `};
    ${props =>
      props.height &&
      styled.css`
        height: ${props.height + 'px'};
      `};
    margin: auto;
  }
`

export { ImagePlaceholderWrapper }