import { Box, Tab, TabList, TabPanel, TabPanels, Tabs } from "@chakra-ui/react";
import React from "react";
import BankInvestor from "./BankInvestor";
import UnbanInvestor from "../UnbanInvestor/UnbanInvestor";

const Investor = () => {
  return (
    <Box overflowY={"scroll"} height={"100vh"}>
      <Tabs colorScheme="green" mt={3}>
        <TabList>
          <Tab fontSize={"sm"}>Unban Investor</Tab>
          <Tab fontSize={"sm"}>Ban Investor</Tab>
        </TabList>
        <TabPanels>
          <TabPanel>
            <UnbanInvestor />
          </TabPanel>
          <TabPanel>
            <BankInvestor />
          </TabPanel>
        </TabPanels>
      </Tabs>
    </Box>
  );
};

export default Investor;
