From 548b7297453e27fef7a3c6645a7e6779a9c63aad Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 17 May 2023 08:20:57 -0400
Subject: [PATCH] Change to textblock implementation.

---
 src/layouts/review/review.vue | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index b2fbd5f21..cc6d3c56b 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -7,21 +7,8 @@
                 cmsWidgetName="VehicleBannerWidget"
                 :displayGenericVehicleImage="false" />
 
-            <!-- Based off of FunnelSubHeader component, but fed from -->
-            <!-- a content-group widget to handle bolded text. -->
-            <div class="funnel-sub-header">
-                <div
-                    class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
-                    <h5 class="text-center fw-normal mb-2 dark-header">
-                        <span v-html="subHeaderTitle"></span>
-                    </h5>
-                </div>
-                <div class="d-flex align-items-center justify-content-center overflow-hidden">
-                    <p class="text-right small fw-normal sub-text my-2">
-                        <span v-html="subHeaderBody"></span>
-                    </p>
-                </div>
-            </div>
+            <textBlock :customText="subHeaderTitle" typeStyle="h5" justifyText="text-center" class="dark-header" />
+            <textBlock :customText="subHeaderBody" typeStyle="body" justifyText="left" />
 
             <buttonMain
                 ref="buttonMain"
@@ -43,6 +30,7 @@ import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import funnelFooter from "@/fmg-components/funnel-footer/funnel-footer";
 import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import buttonMain from "@/ux-components/button-main/button-main";
+import textBlock from "@/digital-components/text-block/text-block";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -93,6 +81,7 @@ export default {
         funnelFooter,
         vehicleBanner,
         buttonMain,
+        textBlock,
     },
 };
 </script>