<script lang="ts">
  export let banner: string | undefined = undefined;
</script>

<div class="w-full h-80 bg-center bg-cover md:rounded-[32px] shadow" style="--banner: url({banner ?? ''})" />

<style lang="postcss">
  div {
    @apply bg-accent;
    background-image: var(--banner);
  }
</style>
