<template>
    <div class="SectionTitle WM-Width-100">
        <h4 class="TitleFa WM-Align-R" :class="TextFaColor" v-text="TitleFa"></h4>
        <div class="TitleEn WM-Flex">
            <span :class="[Color,TextColor]" v-text="TitleEn"></span>
            <div class="Line">
                <div class="inner" :class="Color"></div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        TitleFa: { default: "عنوان بخش" },
        TitleEn: { default: "Part Title" },
        Color: { default: "black" },
        TextColor: { default: "white--text" },
        TextFaColor: { default: "black--text" }
    },
    data: function ()  {
        return {}
    },
};
</script>
