You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16 lines
424 B
16 lines
424 B
import { createContext, useState, useMemo } from "react";
|
|
|
|
export const TabContext = createContext();
|
|
|
|
export function TabProvider({ initialTab, children }) {
|
|
const [activeTab, setActiveTab] = useState(false);
|
|
|
|
if (initialTab) {
|
|
setActiveTab(initialTab);
|
|
}
|
|
|
|
const value = useMemo(() => ({ activeTab, setActiveTab }), [activeTab]);
|
|
|
|
return <TabContext.Provider value={value}>{children}</TabContext.Provider>;
|
|
}
|