28 lines
771 B
TypeScript
28 lines
771 B
TypeScript
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;
|