content: import { MJMLElement } from 'mjml-core';
  import React, { Component } from 'react';
  
  // Tag Name
  const tagName = 'mj-meta';
  // List of parent tags available so far
  const parentTag = [
    'mj-container',
  ];
  // If false, the component can contain MJML; if true, it can contain only plain HTML
  const endingTag = true;
  const rawElement = true;
  const defaultMJMLDefinition = {
    attributes: {
      name: null,
    },
  };
  
  function postRender ($) {
  
    const metaTags = $('body meta').remove();
    $('head').append(metaTags);
    // $('head').append(`
    //   <style type="text/css" id="mj-image-swapper">
    //   @media only screen and ( min-width: 480px ) {
    //     .image-swapper-large {
    //       display: block !important;
    //     }
    //     .image-swapper-small {
    //       display: none !important;
    //     }
    //   }
    //   </style>
    // `);
  
    return $;
  
  }
  
  @MJMLElement
  class MjMeta extends Component {
  
    /**
     * Semi-useless function required to keep component as a class.
     */
    getElement () {
  
      const { mjContent, mjAttribute } = this.props;
  
      return (
        <meta
          name={mjAttribute('name')}
          content={mjContent()}
        />
      )
  
    }
  
    render () {
      return (this.getElement())
    }
  
  }
  
  MjMeta.tagName = tagName;
  MjMeta.parentTag = parentTag;
  MjMeta.endingTag = endingTag;
  MjMeta.rawElement = rawElement;
  MjMeta.defaultMJMLDefinition = defaultMJMLDefinition;
  MjMeta.postRender = postRender;
  
  export default MjMeta;
  