<template>
    <button
        class="inline-flex items-center px-4 py-2 text-sm leading-5 font-medium rounded-sm transition duration-150 ease-in-out border border-gray-300 text-gray-700 bg-white hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:text-gray-800 active:bg-gray-50 has-tooltip"
        data-original-title="Edit Page Schema"
        aria-label="Edit Page Schema"
        @click.prevent="openSchemaEditor"
    >
        Edit Schema
    </button>
</template>

<script>
export default {
    methods : {
        openSchemaEditor() {
            window.EventBus.$emit('openSchemaEditor')
        }
    },
}
</script>
