<script lang="ts" setup>
interface Props {
  minHeight?: string
  showGrid?: boolean
}

withDefaults(defineProps<Props>(), {
  minHeight: 'auto',
  showGrid: true,
})
</script>

<template>
  <section
    class="hero-dark-grid"
    :style="{ minHeight, display: 'flex', alignItems: 'center', position: 'relative', paddingBlock: '88px 56px' }"
  >
    <VContainer style="position: relative; z-index: 1;">
      <VRow align="center">
        <VCol cols="12" md="6">
          <slot name="content" />
        </VCol>
        <VCol cols="12" md="6" class="d-none d-md-block">
          <slot name="visual" />
        </VCol>
      </VRow>
    </VContainer>
  </section>
</template>
