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

<script setup lang="ts">
import { PlusOutlined } from '@ant-design/icons-vue';
import { Button as AButton } from 'ant-design-vue';
import type { PipelineAccent } from '@/lib/pipeline-board';
import { PIPELINE_ACCENT } from '@/lib/pipeline-board';

withDefaults(
  defineProps<{
    accent: PipelineAccent;
    label?: string;
  }>(),
  { label: 'افزودن معامله' },
);

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

<template>
  <a-button
    type="dashed"
    block
    :style="{ color: PIPELINE_ACCENT[accent].text }"
    :aria-label="label"
    @click="emit('add')"
  >
    <template #icon><PlusOutlined /></template>
    {{ label }}
  </a-button>
</template>