import styled from '@modern-js/runtime/styled';

export const HtmlWrap = styled.div<{ mediaVisible: boolean }>`
  .hideScrollbar {
    overflow: ${props => (props.mediaVisible ? 'auto' : 'hidden')};
    font-size: 20px;
    color: white;
    text-align: left;
    word-break: break-all;
    white-space: pre-line;
  }
  .htmlIframe {
    display: 'block';
  }
  .htmlImg {
    width: 100%;
    object-fit: contain;
  }
`;
