<h1>{antescript} {junction} {postscript}</h1>
<div>
<AnteScript bind:antescript={antescript}/>
</div>
<div>
<PostScript on:message={postscriptChanged} {postscript}/>
</div>
<script>
import AnteScript from "./AnteScript.svelte";
import PostScript from "./PostScript.svelte";
let antescript = 'start';
let junction = 'and';
let postscript = 'finish';
function postscriptChanged(event) {
postscript = event.detail.text;
}
</script>