<template>
    <div class="flex items-center">
        <div
            class="bg-orange mr-2"
            :class="[width, height]" />
        <a
            :href="link"
            target="_blank">
            <p
                class="font-itc italic text-blue underline my-1"
                :class="fontSize">{{ text }}</p>
        </a>
    </div>
</template>

<script>
export default {
    name: "RefText",
    props: {
        link: {
            type: String,
            default: ''
        },
        text: {
            type: String,
            default: ''
        },
        width: {
            type: String,
            default: 'w-1'
        },
        height: {
            type: String,
            default: 'h-8'
        },
        fontSize: {
            type: String,
            default: 'text-base'
        }
    }
}
</script>