import { Tabs, Tab, TabList, TabPanel } from "react-tabs";
import "react-tabs/style/react-tabs.css";
import Card from "../../../ui/Card";
import SystemConfig from "./SystemConfig";
import CardHeader from "../../../ui/CardHeader";

const Settings = () => {
  return (
    <div>
      <Tabs>
        <TabList>
          <Tab>Systems</Tab>
        </TabList>
        <TabPanel>
          <Card className="p-4">
            <CardHeader title="System Configuration" />
            <SystemConfig />
          </Card>
        </TabPanel>
      </Tabs>
    </div>
  );
};

export default Settings;
