import { Metadata } from 'next'
import Breadcrumb, { BreadcrumbItemData } from '@/lib/components/Breadcrumb'
import MainContent from './partials/MainContent'

export const metadata: Metadata = {
  title: 'Withdrawal Settings',
}

export default function Page() {
  const breadcrumbItems: BreadcrumbItemData[] = [
    {
      name: 'Dashboard',
      href: '/',
      icon: 'dashboard',
    },
    {
      name: 'Withdrawal Settings',
      href: '/withdrawal-settings',
    },
  ]

  return (
    <div>
      <Breadcrumb items={breadcrumbItems} />

      <div className="px-4 sm:px-8 my-8">
        <MainContent />
      </div>
    </div>
  )
}