From ba75685a2366dbb03c2ac9d4637ad3d3782d41f5 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Thu, 8 Apr 2021 19:52:14 +0200
Subject: [PATCH] add disabled state for dropDownChevron

---
 src/components/svg/dropDownChevron.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/svg/dropDownChevron.vue b/src/components/svg/dropDownChevron.vue
index 48ed58a..d05949c 100644
--- a/src/components/svg/dropDownChevron.vue
+++ b/src/components/svg/dropDownChevron.vue
@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="chevron-icon"
+    :class="['chevron-icon', {'disabled': disabled}]"
     width="20"
     height="20"
     viewBox="0 0 20 20"
@@ -14,7 +14,8 @@
 <script>
 
 export default {
-  name: 'DropDownChevron'
+  name: 'DropDownChevron',
+  props: ['disabled']
 }
 </script>
 
@@ -26,4 +27,12 @@ export default {
 .chevron-icon:hover path {
   fill: var(--color-accent);
 }
+
+.disabled.chevron-icon {
+  cursor: default;
+}
+
+.disabled.chevron-icon:hover path {
+  fill: #C8D4E3;
+}
 </style>