33 lines
689 B
Vue
33 lines
689 B
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';
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
accent: PipelineAccent;
|
|
label?: string;
|
|
}>(),
|
|
{ label: 'افزودن معامله' },
|
|
);
|
|
|
|
const emit = defineEmits<{
|
|
add: [];
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<UiButton
|
|
variant="dashed"
|
|
block
|
|
class="add-deal"
|
|
:style="{ color: PIPELINE_ACCENT[accent].text }"
|
|
:aria-label="label"
|
|
@click="emit('add')"
|
|
>
|
|
<UiIcon name="plus" :size="16" />
|
|
{{ label }}
|
|
</UiButton>
|
|
</template>
|