<template>
    <div>       
        <textBlock          
            cmsWidgetName="MASteeringText"         
            id="SteeringTextContent"
        />
        <div>
            <p class="small" v-if="isStateMA" v-html="MASteeringText" ></p>
        </div>  
       
    </div>
   
</template>

<script>
import { useMainStore } from "@/store";

 export default{
    name: "steeringTextModal",    
    computed: {     
        MASteeringText() {            
                return this.getCmsContent("MASteeringText", "BodyText");                
            },
        isStateMA()
            {
                if (this.mainStore.order.customer.address.state=='MA')
                {
                    return true
                }
            }
    },
    setup() {
        const mainStore = useMainStore();
        return { mainStore };
    }
 }
</script>