@furystack/shades-common-components/esm/components/modal.js

import { Shade, createComponent } from '@furystack/shades';
export const Modal = Shade({
    shadowDomName: 'shade-modal',
    render: ({ props, children, useObservable, element }) => {
        const [isVisible] = useObservable('isVisible', props.isVisible);
        if (isVisible) {
            void props.showAnimation?.(element);
        }
        return isVisible ? (createComponent("div", { className: "shade-backdrop", onclick: async () => {
                await props.hideAnimation?.(element);
                props.onClose?.();
            }, style: {
                width: '100%',
                height: '100%',
                display: 'block',
                position: 'fixed',
                top: '0',
                left: '0',
                ...props.backdropStyle,
            } }, children)) : null;
    },
});
//# sourceMappingURL=modal.js.map