<template>
    <div class="wrapper">
        <PartTitle TitleFa=" دسترسی سریع " TitleEn=" Quick Links " ThemeColor="LightGray"></PartTitle>
        <div class="row row-eq-height mt-4 mb-4">
            <div class="col-sm-2">
                <QuickLink Counter="65" TitleFa=" محصولات و خدمات " TitleEn=" My Products & Services " ThemeColor="Red"></QuickLink>
            </div>
            <div class="col-sm-2">
                <QuickLink Counter="12" TitleFa=" خبرنامه من " TitleEn=" My Blog " ThemeColor="Orange"></QuickLink>
            </div>
            <div class="col-sm-2">
                <QuickLink Counter="27" TitleFa=" نمونه کارهای من " TitleEn=" My Portfolios " ThemeColor="Purple"></QuickLink>
            </div>
        </div>
        <div class="WM-Margin-T-55">
            <PartTitle TitleFa=" خلاصه ای از آمار " TitleEn=" Summery of Statistics " ThemeColor="Black"></PartTitle>
        </div>

        <div class="row">
            <div class="col-sm-6"> <BarChart :height="300"></BarChart> </div>
            <div class="col-sm-6"> <LineChart :height="300"></LineChart> </div>
        </div>
    </div>
</template>

<script>
import PartTitle from "../components/Dividers/PartTitle.vue";
import QuickLink from "../components/Misc/QuickLink.vue";
import BarChart from '../components/Charts/BarChart.vue';
import LineChart from '../components/Charts/LineChart.vue';

export default {
    components: {
        PartTitle,
        QuickLink,
        BarChart,
        LineChart
    }
};
</script>
