<script>
import { writable } from 'svelte/store';
import Modal, { bind } from 'svelte-simple-modal';
import Popup from './Popup.svelte';
const modal = writable(null);
const showModal = () => modal.set(bind(Popup, { message: 'Surprise' }));
</script>
<Modal
show={$modal}
styleBg={{ backgroundColor: 'rgba(255, 255, 255, 0.85)' }}
styleWindow={{ boxShadow: '0 2px 5px 0 rgba(0, 0, 0, 0.15)' }}
>
<button on:click={showModal}>Show modal</button>
</Modal>