<template>
    <section class="w-full relative">
        <button v-if="this.$root.modeEdit" type="button" title="Edit Element" class="text-white bg-blue-700 hover:bg-blue-800 outline-none rounded-lg text-center dark:bg-blue-600 dark:hover:bg-blue-700 absolute top-2 right-2">
            <i class="ti ti-edit mx-3 my-2 block"></i>
        </button>
        <div class="py-4 px-4 mx-auto max-w-screen-xl text-center">
            <h1 class="my-4 font-extrabold tracking-tight leading-none text-4xl md:text-5xl lg:text-6xl">
                {{ title }}
            </h1>
            <p class="my-4 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48">
                <slot>
            </p>
        </div>
    </section>
</template>

<script>
export default {
    data() {
        return {
        
        };
    },
    props: {
        title: String
    },
};
</script>