import React from "react";
import { useParams } from 'react-router-dom'

import Layout from "../../Partials/Layout";
import UserWeightWidget from "./UserWeightWidget";
import UserRecentTracking from "./UserRecentTracking";

export default function TrackAction() {
  
  let {trackpage} = useParams();

  console.log("TRACK PAGE  = = ",trackpage);

  return (
    <>
      <Layout>
        <div className="my-wallet-wrapper w-full mb-10">
          <div className="main-wrapper w-full">
            <div className="balance-inquery w-full lg:h-[436px] lg:flex lg:space-x-11 mb-11">
              <div className="lg:w-1/2 h-full mb-10 lg:mb-0">
                <UserWeightWidget />
              </div>
              <div className="flex-1">
                <div className="my-wallets w-full h-full bg-white dark:bg-dark-white   rounded-lg p-6">
                  <div className="mb-4">
                    <h1 className="text-xl font-bold tracking-wide   text-dark-gray dark:text-white">
                     Some title HERE 
                    </h1>
                  </div>
                  <div className="content-area">

                    SOMETHING HERE 

                  </div>
                </div>
              </div>
            </div>
            <UserRecentTracking />
          </div>
        </div>
      </Layout>
    </>
  );
}