<script setup lang="ts">
import StatusPill from './StatusPill.vue';
import { STATUS_PILL_SLUGS } from '../../composables/useStatusPill';

const labelMap: Record<string, string> = {
    new: 'Новый',
    in_progress: 'В работе',
    callback: 'Перезвонить',
    quality: 'Качественный',
    meeting_set: 'Встреча',
    won: 'Продано',
    refund: 'Возврат',
    duplicate: 'Дубль',
    junk: 'Спам',
    no_answer: 'Нет ответа',
    cancelled: 'Отменено',
    closed: 'Закрыто',
    postponed: 'Отложено',
    archived: 'Архив',
};
</script>

<template>
    <Story title="UI/StatusPill" :layout="{ type: 'grid', width: 200 }">
        <Variant v-for="slug in STATUS_PILL_SLUGS" :key="slug" :title="slug">
            <StatusPill :slug="slug" :label="labelMap[slug]" />
        </Variant>
    </Story>
</template>
