<script>
    const {bgColor='bg-blue-950', height='h-10', borderColor='border-gray-400'} = $props();
//     export let bgColor = 'bg-blue-950'
//     export let height = 'h-10';
//     export let borderColor = 'border-gray-400';
</script>
<div class="max-w-6xl flex flex-col  items-center m-auto h-16 mt-6 ">

    <div class=" flex flex-row w-full">
        <div class="w-full {height} after:border-0 before:border-0 border-b {borderColor} border-r border-l rounded-br-lg rounded-bl-lg "></div>


    </div>
    <div class="w-80  text-3xl text-white uppercase rounded-full  h-8 filter blur  -mt-5  {bgColor}">

    </div>

</div>