Vue.component('toggle-pane',{
    props: {
        visible: {
            type: Boolean,
            default: false
        },
        label: String,
        class: String,
    },
    data: function(){
        return {
        };
    },
    template: `
<div class="toggle-pane">
    <button
        @click="visible = !visible"
        >{{ label }}</button>
    <div
        v-if="visible"
        ><slot></slot>
    </div>
</div>
    `,
});