Created service-type-question component

src/layouts/service-location/service-type-question/service-type-question.spec.js

@@ -1 +1 @@
-test.todo("some test to be written in the future");
+test.todo("some test to be written in the future");

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>