<script setup lang="ts">
import PromotionForm from "@/components/promotions/promotionForm.vue";
import PromotionList from "@/components/promotions/promotionList.vue";
</script>

<template>
    <div class="mx-auto mt-10 max-w-7xl px-8">
        <div class="flex max-h-[70vh] gap-8">

            <!-- LEFT COLUMN -->
            <div class="flex-1 border-r pr-8">
                <!-- <PromotionList></PromotionList> -->
            </div>

            <!-- RIGHT COLUMN -->
            <div class="flex-1 flex justify-center pl-8">
                <div class="w-full max-w-3xl">
                    <PromotionForm />
                </div>
            </div>

        </div>
    </div>
</template>
