How to use the skatejs.withContext function in skatejs

import { withContext } from 'skatejs';

class WithContext extends withContext() {
  context = {
    background: 'white',
    color: 'black',
    margin: '10px 0',
    padding: '10px'
  };
  connectedCallback() {
    this.attachShadow({ mode: 'open' }).innerHTML = `
      
      
        ...and shadow DOM!
      
    `;
  }
}

background: 'white',
    color: 'black',
    margin: '10px 0',
    padding: '10px'
  };
  connectedCallback() {
    this.attachShadow({ mode: 'open' }).innerHTML = `
      
      
        ...and shadow DOM!
      
    `;
  }
}

class WithContextDescendant extends withContext() {
  connectedCallback() {
    const { background, color, margin, padding } = this.context;
    this.attachShadow({ mode: 'open' }).innerHTML = `
      <style>
        :host {
          background: ${background};
          color: ${color};
          display: block;
          margin: ${margin};
          padding: ${padding};
        }
      </style>
      
    `;
  }
}