'use client';

import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';

const PermissionsPage: React.FC = () => {
  const items: TabsProps['items'] = [
    {
      key: '1',
      label: 'My Account',
      children: (
        <div>
          <h3>My Account Content</h3>
          {/* Add your My Account content here */}
        </div>
      ),
    },
    {
      key: '2',
      label: 'Other Accounts',
      children: (
        <div>
          <h3>Other Accounts Content</h3>
          {/* Add your Other Accounts content here */}
        </div>
      ),
    },
  ];

  return (
    <div className="p-6">
      <h2 className="text-2xl font-bold mb-6">Permissions</h2>
      <Tabs defaultActiveKey="1" items={items} />
    </div>
  );
};

export default PermissionsPage;