BayIQ-UI/src/features/cameras/components/PlatePatch/SightingPatch.tsx

import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
import Card from "../../../../ui/Card";
import CardHeader from "../../../../ui/CardHeader";
import SightingEntryTable from "./SightingEntryTable";
import SightingExitTable from "./SightingExitTable";

const PlatePatch = () => {
  return (
    <Card className="p-4 w-full md:w-[95%] md:row-start-4 md:col-span-3 md:h-[190%]">
      <CardHeader title="Entry / Exit" />
      <Tabs defaultIndex={1}>
        <TabList>
          <Tab>Entry Sightings</Tab>
          <Tab>Exit Sightings</Tab>
        </TabList>
        <TabPanel>
          <SightingEntryTable />
        </TabPanel>
        <TabPanel>
          <SightingExitTable />
        </TabPanel>
      </Tabs>
    </Card>
  );
};

export default PlatePatch;