text: import style from './style.scss';
  import 'Root/main.scss';
  
  export class Timestamp extends HTMLElement {
    constructor() {
      super();
      const shadowRoot = this.attachShadow({ mode: 'closed' });
      const epoch = eval(this.getAttribute('epoch'));
      const dt = new Date(epoch);
  
      shadowRoot.innerHTML = `
            <div class="timestamp-w">
                <div>
                    <div>Day:</div> 
                    <div>${dt.getDay()}</div>
                </div>
                <div>
                    <div>Month:</div> 
                    <div>${dt.getMonth()}</div>
                </div>
                <div>
                    <div>Year:</div> 
                    <div>${dt.getFullYear()}</div>
                </div>
                <div>
                    <div>Hour:</div> 
                    <div>${dt.getHours()}</div>
                </div>
                <div>
                    <div>Minutes:</div> 
                    <div>${dt.getMinutes()}</div>
                </div>
            </div>
        `;
  
      const styleElem = document.createElement('style');
  
      styleElem.textContent = style;
  
      shadowRoot.appendChild(styleElem);
    }
  }
  customElements.define('time-stamp', Timestamp);
  