<template>
    <div class="py-3">
        <div class="d-flex">
            <textBlock
                :cmsWidgetName="headerCmsWidgetName"
                :customText="customHeaderText"
                typeStyle="body small bold dark"
                marginTopSizeOverride="0" />
        </div>
        <div
            class="small review-block-content"
            v-for="item in content"
            :key="item"
            data-test="contentLine"
            v-html="item"></div>
    </div>
</template>

<script>
import textBlock from "@/digital-components/text-block/text-block";
import textLink from "@/ux-components/text-link/text-link";

export default {
    name: "review-block",
    props: {
        headerCmsWidgetName: String,
        customHeaderText: String,
        // Specifically an array of strings.
        content: Array,
    },
    data() {
        return {};
    },
    methods: {},
    components: {
        textBlock,
    },
};
</script>

<style lang="scss" scoped>
:deep(.review-block-content > ul) {
    margin-bottom: 0rem;
}
</style>
