<template>
    <div class="col-md-12 WM-Padding-10 WM-Border WM-Border-LightGray">
        <div class="CoverBG" style="background:url('https://images.unsplash.com/photo-1505759115705-e48bf15b15b6?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=36c8d4b6e72bc8efb665956c314e5b89&amp;auto=format&amp;fit=crop&amp;w=1352&amp;q=80') center; height:150px;">
            <div style="position:absolute; bottom:10px; right:50px;" class="FullWidth RightAlign">
                <h2 class="WM-Font-28 NoMargin WM-Align-R" :class="TitleFaClass">  {{ TitleFa }}  </h2>
                <h3 class="WM-LetterSpacing-5 WM-Font-18 WM-SubText" :class="Color"> {{ TitleEn }} </h3>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        TitleFa: { default: "عنوان بخش" },
        TitleEn: { default: "Part Title" },
        Color: { default: "Red" },
        TitleFaClass: { default: "WM-Color-White" }
    },

};
</script>
