<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 CSS"
        aria-label="Edit Page CSS"
        @click.prevent="openCssEditor"
    >
        Edit CSS
    </button>
</template>

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