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

export const TextWrap = styled.div<{
  mediaVisible: boolean;
  isDetail: boolean;
}>`
  padding: ${props => (props.mediaVisible ? '10px' : '10px 15px')};
  overflow: ${props => (props.mediaVisible ? 'auto' : 'hidden')};
  font-size: ${props => (props.mediaVisible ? '20px' : '16px')};
  color: ${props => !props.isDetail && 'white'};
  text-align: left;
  word-break: break-word;
  white-space: pre-wrap;
`;
