1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-10-16 15:07:27 +00:00
festa/components/generic/editable/provider.tsx

14 lines
527 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 EditingModeProvider = ({ children }: { children: ReactNode }) => {
return (
<EditingContext.Provider value={useState<EditingMode>(EditingMode.VIEW)}>
{children}
</EditingContext.Provider>
)
}