import { styled } from 'styleh-components'

const VideoPlaceholderWrapper = styled.div`
  width: 100%;
  height: 250px;
  display: inline-flex;
  background-color: var(--color-light-grey);

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