From d62e6666180fe0918355c71ae2fbecf8a2c38006 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 31 Jan 2023 08:53:31 -0500
Subject: [PATCH] Added vehicle protected question component

---
 .../vehicle-protected-question.vue            | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue b/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue
index 68dc5e7b4..4fb06a201 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/vehicle-protected-question/vehicle-protected-question.vue
@@ -16,11 +16,6 @@ import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
 export default {
     name: "vehicle-protected-question",
-    data() {
-        return {
-            answers: ["Yes", "No"],
-        };
-    },
     props: {
         modelValue: String,
         cmsWidgetName: String,
@@ -40,6 +35,9 @@ export default {
                 this.$emit("update:modelValue", newValue);
             },
         },
+        answers() {
+            return this.getCmsContent(this.cmsWidgetName, "Answers");
+        },
     },
     methods: {
         loadInitialData() {
@@ -51,3 +49,16 @@ export default {
     },
 };
 </script>
+
+<style lang="scss">
+.question-text {
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    line-height: 1.625rem;
+
+    & > span {
+        text-align: left;
+    }
+}
+</style>