<script>
  // core components
  import CardLineChart from "components/Cards/CardLineChart.svelte";
  import CardWGLineChart from "components/Cards/CardWGLineChart.svelte";
  import CardBarChart from "components/Cards/CardBarChart.svelte";
  import CardPageVisits from "components/Cards/CardPageVisits.svelte";
  import CardSocialTraffic from "components/Cards/CardSocialTraffic.svelte";
  import HeaderStats from "components/Headers/HeaderStats.svelte";

  export let location;
</script>


<div>
  <div class="flex flex-wrap">
    <div class="w-full px-4">
      <CardLineChart />
    </div>
  </div>
  <div class="flex flex-wrap">
    <div class="w-full xl:w-8/12 mb-12 xl:mb-0 px-4">
      <CardLineChart />
    </div>
    <div class="w-full xl:w-4/12 px-4">
      <CardBarChart />
    </div>
  </div>
  <div class="flex flex-wrap mt-4">
    <div class="w-full xl:w-8/12 mb-12 xl:mb-0 px-4">
      <CardPageVisits />
    </div>
    <div class="w-full xl:w-4/12 px-4">
      <CardSocialTraffic />
    </div>
  </div>
</div>
