import { LitElement } from 'lit';
import { createComponent } from '@lit/react';
import React from 'react';
// decouple from CDN by providing a dummy class
class Component extends LitElement {
}
export const Modal = createComponent({
    tagName: 'w-modal',
    elementClass: Component,
    react: React,
    events: {
        onShown: 'shown',
        onshown: 'shown',
        onHidden: 'hidden',
        onhidden: 'hidden',
    },
});
export const ModalHeader = createComponent({
    tagName: 'w-modal-header',
    elementClass: Component,
    react: React,
    events: {
        onBackClicked: 'backClicked',
        onbackClicked: 'backClicked',
    },
});
export const ModalFooter = createComponent({
    tagName: 'w-modal-footer',
    elementClass: Component,
    react: React,
});
