import React from 'react'
import { AdSpotProps } from './typings'
import { Portal } from 'features/Portal'

class AdSpot extends React.PureComponent<AdSpotProps> {
  static defaultProps = {
    className: '',
    identifier: '',
    htmlContent: '',
  }

  render() {
    const { className, identifier, htmlContent } = this.props
    return (
      <Portal id={identifier}>
        <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
      </Portal>
    )
  }
}

export { AdSpot }
export default AdSpot