<template>
    <div class="mt-5 mb-5 ml-8 p-8 bg-softblue">
        <h3 class="font-itcBold text-2xl pb-5 font-extrabold text-blue -ml-12  before:bg-[url('https://www.vub.be/themes/custom/ocelot_vub/assets/icons/icon-triangle--orange.svg')] before:absolute before:content-[''] before:-left-3">
            {{ title }}
        </h3>
        <p class="font-roboto leading-relaxed text-sm">
            {{ text }}
        </p>
    </div>
</template>

<script>
export default {
    name: "TextBox",
    props: {
        title: {
            type: String,
            default: ''
        },
        text: {
            type: String,
            default: ''
        }
    }
}
</script>
