import { styled } from 'view-container'

export const StyledIFrame = styled.div.attrs({
  className: 'iframe-item',
})`
  position: relative;

  ${props =>
    props.width &&
    props.height &&
    styled.css`
      width: ${props.width};
      height: ${props.height};
    `} iframe {
    width: 100%;
    height: 100%;
  }
`