stenciljs-modal-overlay__render-template.tsx

import { Component } from '@stencil/core';

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true
})
export class MyComponent {
  @Prop({mutable: true}) isActive = false;

  render() {
    return <div class={'modal ' + (this.isActive ? 'active' : '')}>
      <div class="modal__content">
        <a href="javascript:;">&times;</a>
        <div class="modal__content-body">Lorem ipsum...</div>
      </div>
    </div>;
  }
}