1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-12-19 10:55:53 +01:00
upscayl/renderer/components/Tabs.tsx

32 lines
626 B
TypeScript
Raw Normal View History

2023-03-18 18:08:50 +01:00
import React from "react";
type TabsProps = {
selectedTab: number;
setSelectedTab: (tab: number) => void;
};
const Tabs = ({ selectedTab, setSelectedTab }: TabsProps) => {
return (
2024-04-20 17:44:42 +02:00
<div className="tabs-boxed tabs mx-auto mb-2">
2023-03-18 18:08:50 +01:00
<a
className={`tab ${selectedTab === 0 && "tab-active"}`}
onClick={() => {
setSelectedTab(0);
2024-04-20 17:44:42 +02:00
}}
>
2023-03-18 18:08:50 +01:00
Upscayl
</a>
<a
className={`tab ${selectedTab === 1 && "tab-active"}`}
onClick={() => {
setSelectedTab(1);
2024-04-20 17:44:42 +02:00
}}
>
2023-03-18 18:08:50 +01:00
Settings
</a>
</div>
);
};
export default Tabs;