---
interface Props {
    title: string;
    imageBackground: string;
}

const { title, imageBackground } = Astro.props;
const urlImageBackground = `url(/assets/images/${imageBackground})`;
---

<section class="">
    <div class="h-[360px] flex flex-col items-center justify-center gap-4 bg-black/45">
        <span class="text-primary font-semibold text-sm">RED PREVICAR </span>
        <h2 class="text-white text-[2.5rem] font-semibold">{title}</h2>
    </div>
</section>

<style define:vars={{ urlImageBackground }}>
    section {
        background-image: var(--urlImageBackground);
        background-size: cover;
    }
</style>