From 9314e27d0ee059634bf0fdb952495357ac0e8341 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Thu, 8 Apr 2021 19:51:43 +0200
Subject: [PATCH] add disabled state for clear icon

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

diff --git a/src/components/svg/clear.vue b/src/components/svg/clear.vue
index 7a3148d..c61ba43 100644
--- a/src/components/svg/clear.vue
+++ b/src/components/svg/clear.vue
@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="clear-icon"
+    :class="['clear-icon', {'disabled': disabled}]"
     width="20"
     height="20"
     viewBox="0 0 20 20"
@@ -17,7 +17,8 @@
 <script>
 
 export default {
-  name: 'ClearIcon'
+  name: 'ClearIcon',
+  props: ['disabled']
 }
 </script>
 
@@ -29,4 +30,12 @@ export default {
 .clear-icon:hover path {
   fill: var(--color-danger);
 }
+
+.disabled.clear-icon {
+  cursor: default;
+}
+
+.disabled.clear-icon:hover path {
+  fill: #C8D4E3;
+}
 </style>