import { memo } from 'react'
import { styled } from 'styled-components'

const PreviewError = styled.div`
  overflow: auto;
  padding: 16px;
  color: #ff4d4f;
  border: 1px solid #ff4d4f;
  border-radius: 4px;
  word-wrap: break-word;
  white-space: pre-wrap;
`

export default memo(PreviewError)
