/* AUTO-CONVERTED TO TypeScript (best-effort)
   - Please review and replace 'any' / 'React.FC<any>' with precise types.
   - CSS modules are preserved; ensure your project has declarations for .module.scss files.
*/

import React from 'react';
import styles from './bottom-bar.module.scss'
import { Link } from '@inertiajs/react'
import { MdOutlineDashboardCustomize, MdManageAccounts } from 'react-icons/md'
import { IoBagCheck } from 'react-icons/io5'
import { RiBubbleChartFill } from 'react-icons/ri'
import { FaPiggyBank } from 'react-icons/fa'
// import { BiLogOutCircle } from 'react-icons/bi'
import { BsCreditCardFill } from 'react-icons/bs'
import { BsFillBarChartFill } from 'react-icons/bs'
import { TbChartCandleFilled } from 'react-icons/tb'
import { GrGrow } from 'react-icons/gr'
import { BiSolidCopyAlt } from 'react-icons/bi'
import { IoWallet } from 'react-icons/io5'
import { FaCartShopping } from "react-icons/fa6";

const BottomBar = () => {
  const pathname = window.location.pathname
  const basePath = '/dashboard'
  return (
    <div className={styles['bottom__bar']}>
      <Link
        href="/dashboard/home"
        className={pathname === `${basePath}/home` ? styles['active'] : styles['link']}
      >
        <span>
          <MdOutlineDashboardCustomize />
        </span>
        <p>Home</p>
      </Link>

      <Link
        href="/dashboard/withdrawals"
        className={pathname === `${basePath}/withdrawals` ? styles['active'] : styles['link']}
      >
        <span>
          <FaPiggyBank />
        </span>
        <p>Wallet</p>
      </Link>

      <Link
        href="/dashboard/deposits"
        className={pathname === `${basePath}/deposits` ? styles['active'] : styles['link']}
      >
        <span>
          <FaCartShopping />
        </span>
        <p>Orders</p>
      </Link>

      <Link
        href="/dashboard/account"
        className={pathname === `${basePath}/account` ? styles['active'] : styles['link']}
      >
        <span>
          <MdManageAccounts />
        </span>
        <p>Account</p>
      </Link>
    </div>
  )
}

const Index: React.FC= BottomBar


export default Index;