import { html } from '@design.estate/dees-element';
import { DeesModal } from './dees-modal.js';

export const demoFunc = () => html`
  <dees-button @click=${() => {
    DeesModal.createAndShow({
      heading: 'This is a heading',
      content: html`
        <dees-form>
          <dees-input-text
            .label=${'Username'}
          >
          </dees-input-text>
          <dees-input-text
            .label=${'Password'}
          >
          </dees-input-text>
        </dees-form>
      `
    });
  }}>open modal</dees-button>
`