<template>
    <header class="bg-white shadow">
        <div class="max-w-7xl py-6 px-4 sm:px-6 lg:px-8">
            <h1
                class="font-itc text-3xl font-bold tracking-tight text-blue"
                @click="titleClicked()">
                {{ title }}
            </h1>
        </div>
    </header>
</template>

<script>
/**
 * @group page
 */
export default {
    name: "ApplicationTitle",
    props: {
        title: {
            type: String,
            default: ''
        },
        titleClicked: {
            type: Function,
            default: () => {}
        },

    }
}
</script>