'use client';
import React from 'react';
import { Card, Tabs } from 'antd';
import type { TabsProps } from 'antd';

const ResourcesPage = () => {
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: 'My Resources',
      children: (
        <div>
          My Resources Content
        </div>
      ),
    },
    {
      key: '2',
      label: 'My Stake',
      children: (
        <div>
          My Stake Content
        </div>
      ),
    },
  ];

  return (
    <div className="flex flex-col gap-4">
      <Card title="Stake for Resources">
        Stake for Resources Content
      </Card>
      <Tabs defaultActiveKey="1" items={items} />
    </div>
  );
};

export default ResourcesPage;