CRM_Montzar/apps/web/src/components/pipeline/AddDealButton.vue

<script setup lang="ts">
import UiButton from '@/components/ui/UiButton.vue';
import UiIcon from '@/components/UiIcon.vue';
import type { PipelineAccent } from '@/lib/pipeline-board';
import { PIPELINE_ACCENT } from '@/lib/pipeline-board';

defineProps<{
  accent: PipelineAccent;
}>();

const emit = defineEmits<{
  add: [];
}>();
</script>

<template>
  <UiButton
    variant="dashed"
    block
    class="add-deal"
    :style="{ color: PIPELINE_ACCENT[accent].text }"
    aria-label="افزودن معامله"
    @click="emit('add')"
  >
    <UiIcon name="plus" :size="16" />
    افزودن معامله
  </UiButton>
</template>