From eea249d3c27436e7d8fb91877cfd612162293c16 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 7 Mar 2023 14:04:28 -0500
Subject: [PATCH] Created service-type-question component

---
 .../service-type-question.spec.js                 |  2 +-
 .../service-type-question.vue                     | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/layouts/service-location/service-type-question/service-type-question.spec.js b/src/layouts/service-location/service-type-question/service-type-question.spec.js
index 66012402c..3d0843e10 100644
--- a/src/layouts/service-location/service-type-question/service-type-question.spec.js
+++ b/src/layouts/service-location/service-type-question/service-type-question.spec.js
@@ -1 +1 @@
-test.todo("some test to be written in the future");
\ No newline at end of file
+test.todo("some test to be written in the future");
diff --git a/src/layouts/service-location/service-type-question/service-type-question.vue b/src/layouts/service-location/service-type-question/service-type-question.vue
index 2a3cdfe22..359e44547 100644
--- a/src/layouts/service-location/service-type-question/service-type-question.vue
+++ b/src/layouts/service-location/service-type-question/service-type-question.vue
@@ -1,6 +1,6 @@
 <template>
     <transition name="fade" mode="out-in">
-        <div class="service-type-question" v-if="isAvailable" aria-live="polite">
+        <div class="service-type-question" aria-live="polite">
             <buttonQuestion
                 :questionText="questionText"
                 :answers="answersFromCms"
@@ -18,7 +18,7 @@
 import buttonQuestion from "@/digital-components/button-question/button-question";
 
 export default {
-    name: "windshieldDamageTypeQuestion",
+    name: "service-type-question",
     props: {
         modelValue: String,
         groupName: String,
@@ -26,6 +26,10 @@ export default {
         suppressError: Boolean,
         validationRules: String,
         cmsWidgetName: String,
+        isGlassServiceableMobile: Boolean,
+        isGlassServiceableInShop: Boolean,
+        isRecalibrationServiceableInShop: Boolean,
+        isRecalibrationServiceableMobile: Boolean
     },
     computed: {
         questionText() {
@@ -48,3 +52,10 @@ export default {
     },
 };
 </script>
+
+<style lang="scss">
+.list-card img {
+    height: auto;
+    width: 3.417rem;
+}
+</style>
\ No newline at end of file