1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 15:14:23 +00:00
festa/components/generic/editable/provider.tsx

14 lines
543 B
TypeScript

import { ReactNode, useState } from "react"
import { EditingContext, EditingMode } from "./base"
/**
* Component which stores the current editing mode (by default {@link EditingMode.VIEW}) using {@link useState} and provides it to its children through an {@link EditingContext}.
*/
export const EditingContextProvider = ({ children }: { children: ReactNode }): JSX.Element => {
return (
<EditingContext.Provider value={useState<EditingMode>(EditingMode.VIEW)}>
{children}
</EditingContext.Provider>
)
}