'use client';
import {
createContext,
type FC,
type PropsWithChildren,
type ReactNode,
useContext,
} from 'react';
type MarkdownContextValue = {
renderMarkdown: (markdown: string) => ReactNode;
};
type MarkdownProviderProps = PropsWithChildren<MarkdownContextValue>;
const MarkdownContext = createContext<MarkdownContextValue>({
renderMarkdown: (markdown: string) => markdown,
});
export const useMarkdownContext = () => useContext(MarkdownContext);
export const MarkdownProvider: FC<MarkdownProviderProps> = ({
children,
renderMarkdown,
}) => (
<MarkdownContext.Provider value={{ renderMarkdown }}>
{children}
</MarkdownContext.Provider>
);