---
const { bgColor, titleColor, textColor, title, text } = Astro.props;

console.log( 'Props', bgColor )
---
<div class={`bg-[${bgColor}] py-20`}>
    <div class="container mx-auto w-3/4">
        <h4 class={`uppercase text-lg ${titleColor} font-primary md:text-xl text-center mb-4 font-bold`}>{title}</h4>
        <p class={`text-lg md:text-3xl font-secondary ${textColor} text-center`}>{text}</p>
    </div>
</div>