// @flow
import type { MessageThemeContext } from './types'
import React, { PureComponent } from 'react'
import styled from '../styled'
import Chat from './Chat'
import classNames from '../../utilities/classNames'
import css from './styles/Embed.css.js'

type Props = {
  className?: string,
  html: string,
}

type Context = MessageThemeContext

class Embed extends PureComponent<Props, Context> {
  static displayName = 'Message.Embed'

  render() {
    const { className, html, ...rest } = this.props
    const { theme } = this.context

    const componentClassName = classNames(
      'c-MessageEmbed',
      /* istanbul ignore next */
      // Tested, but Istanbul isn't picking it up.
      theme && `is-theme-${theme}`,
      className
    )

    return (
      <Chat
        {...rest}
        bubbleClassName="c-MessageEmbed__bubble"
        className={componentClassName}
      >
        <div
          dangerouslySetInnerHTML={{ __html: html }}
          className="c-MessageEmbed__html"
        />
      </Chat>
    )
  }
}

export default styled(Embed)(css)

// @flow
import type { MessageThemeContext } from './types'
import React, { PureComponent } from 'react'
import styled from '../styled'
import Chat from './Chat'
import classNames from '../../utilities/classNames'
import css from './styles/Embed.css.js'

type Props = {
  className?: string,
  html: string,
}

type Context = MessageThemeContext

class Embed extends PureComponent<Props, Context> {
  static displayName = 'Message.Embed'

  render() {
    const { className, html, ...rest } = this.props
    const { theme } = this.context

    const componentClassName = classNames(
      'c-MessageEmbed',
      theme && `is-theme-${theme}`,
      className
    )

    return (
      <Chat
        {...rest}
        bubbleClassName="c-MessageEmbed__bubble"
        className={componentClassName}
      >
        <div
          dangerouslySetInnerHTML={{ __html: html }}
          className="c-MessageEmbed__html"
        />
      </Chat>
    )
  }
}

export default styled(Embed)(css)

--- 
+++ 
@@ -22,6 +22,8 @@
 
     const componentClassName = classNames(
       'c-MessageEmbed',
+      /* istanbul ignore next */
+      // Tested, but Istanbul isn't picking it up.
       theme && `is-theme-${theme}`,
       className
     )
Add istanbul ignore. Line is tested.

Istanbul isn't picking it up.
