<template>
    <Story title="NewProjectDialog">
        <Variant title="Site tab (create mode)">
            <NewProjectDialog v-model="open" mode="create" />
        </Variant>
        <Variant title="SMS tab (create mode)">
            <NewProjectDialog v-model="open" mode="create" />
        </Variant>
        <Variant title="Edit mode (readonly signal_type)">
            <NewProjectDialog v-model="open" mode="edit" :project="sampleProject" />
        </Variant>
    </Story>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import NewProjectDialog from './NewProjectDialog.vue';

const open = ref(true);
const sampleProject = {
    id: 1,
    name: 'Окна СПб',
    signal_type: 'site' as const,
    signal_identifier: 'okna.ru',
    daily_limit_target: 50,
    delivered_today: 12,
    is_active: true,
    sync_status: 'ok' as const,
    region_mask: 0,
    region_mode: 'include' as const,
    delivery_days_mask: 127,
};
</script>
