<script>
    export let title = 'Top Border Title';
    export let textColor = 'text-center';
    export let borderColor = 'border-gray-400';
    export let height = "h-10";
    export let labelWidth = 'w-[20%]'
</script>
<div class="flex flex-row w-full ">
    <div class="w-[40%] {height} after:border-0 before:border-0 border-t {borderColor} border-l rounded-tl-lg ">

    </div>
    <div class="{labelWidth} {textColor}  text-nowrap text-md lg:text-3xl uppercase -mt-3 lg:-mt-5 font-bold text-center">
        <p>{title}</p>
    </div>

    <div class="w-[40%] {height} border-t border-r {borderColor} rounded-tr-lg">

    </div>
</div>