<script setup lang="ts">
import KanbanCard from './KanbanCard.vue';
import { MOCK_DEALS } from '../../composables/mockDeals';
</script>

<template>
    <Story title="Kanban / KanbanCard" :layout="{ type: 'single', iframe: true }">
        <Variant title="default">
            <v-app>
                <v-main class="story-pane">
                    <div class="card-wrap">
                        <KanbanCard :deal="MOCK_DEALS[0]" />
                    </div>
                </v-main>
            </v-app>
        </Variant>
    </Story>
</template>

<style scoped>
.story-pane {
    background: #f0ede4;
    min-height: 100vh;
    padding: 24px;
}
.card-wrap {
    width: 280px;
}
</style>
