// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`lit-html.js 1`] = `
====================================options=====================================
parsers: ["babel", "flow", "typescript"]
printWidth: 80
                                                                                | printWidth
=====================================input======================================
import { LitElement, html } from '@polymer/lit-element';

class MyElement extends LitElement {
  static get properties() {
    return {
      mood: { type: String }
    };
  }

  constructor() {
    super();
    this.mood = 'happy';
  }

  render() {
    return html\`
      <style
      
      
      >
                  .mood { color: green; }
      </style
      
      
      
      >

         Web            Components         are     <span 
      
      
      class="mood"      >\${
        this.mood
      
      }</span
      
           >!
    \`;
  }
}

customElements.define('my-element', MyElement);

const someHtml1 = html\`<div       > hello \${world} </div     >\`;
const someHtml2 = /* HTML */ \`<div      > hello \${world} </div     >\`;

html\`\`

html\`<my-element obj=\${obj}></my-element>\`;

html\`  <\${Footer}  >footer      content<//     >  \`

html\`  <div />  \`

function HelloWorld() {
  return html\`
    <h3>Bar List</h3>
    \${bars.map(bar => html\`
       <p>\${bar}</p>
    \`)}
  \`;
}

=====================================output=====================================
import { LitElement, html } from "@polymer/lit-element";

class MyElement extends LitElement {
  static get properties() {
    return {
      mood: { type: String }
    };
  }

  constructor() {
    super();
    this.mood = "happy";
  }

  render() {
    return html\`
      <style>
        .mood {
          color: green;
        }
      </style>

      Web Components are <span class="mood">\${this.mood}</span>!
    \`;
  }
}

customElements.define("my-element", MyElement);

const someHtml1 = html\`
  <div>hello \${world}</div>
\`;
const someHtml2 = /* HTML */ \`
  <div>hello \${world}</div>
\`;

html\`\`;

html\`
  <my-element obj=\${obj}></my-element>
\`;

html\`
  <\${Footer}>footer content<//>
\`;

html\`
  <div />
\`;

function HelloWorld() {
  return html\`
    <h3>Bar List</h3>
    \${bars.map(
      bar => html\`
        <p>\${bar}</p>
      \`
    )}
  \`;
}

================================================================================
`;
