Cacher is the code snippet organizer for pro developers

const React = require('react')
const ReactDOMServer = require('react-dom/server')
global.React = React
const t7 = require('t7')
let jsx;
t7.module((t7instance) => {
    jsx = t7instance
    jsx.setOutput(t7.Outputs.React);
})
const reactHtmlEmail = require("react-html-email");
const { Email, Box, Item, Image, Span, A, renderEmail } = reactHtmlEmail;

const css = `
@media only screen and (max-device-width: 480px) {
  
}`.trim()

const sourceURL = 'https://gist.github.com/lrn2prgrm/9a227162e7ad20801f05346f37b7e97d'

const email = renderEmail(
  <Email title="Test Email" headCSS={css}>  
    <Item>
      <br/>
      <Span color={"#43B2D0"}fontSize={20}>Invitación para unirte a Belatrix React!</Span><br/> 
    </Item>    
    <Box cellSpacing={20} width="100%" style={{ borderTop: '3px solid black' }}>
        <Item>
        <A href="https://join.skype.com/q87Ozc7f278e">
          <Image style={{float:"left"}} 
          alt="react" 
          src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/640px-React-icon.svg.png" 
          width={150} />
          </A>
            <Span 
            color="#202020"
            lineHeight={20}><br/>
                React es una librería de UI creada por Facebook que está generando mucho interés en la industria.
            </Span>
        </Item>
        <Item>
        <Span 
            color="#202020"
            lineHeight={20}><br/>
                Si tienes experiencia, deseas aprender o quieres hacer una consulta, entra al grupo de React:<br/> 
                <A href="https://join.skype.com/q87Ozc7f278e">Click Aquí para unirte</A>
            </Span>
        </Item>
      </Box>
  </Email>
)
email