@saran-ign/video-annotation-tool/dist/app/VideoPlayerContext.js

[](https://www.npmjs.com/package/@saran-ign/video-annotation-tool) [](https://www.npmjs.co

import { jsx as _jsx } from "react/jsx-runtime";
// @ts-nocheck
import React, { useState } from "react";
export const VideoContext = React.createContext();
export const VideoProvider = ({ children, videoUrl, shape = null, hideAnnotations = false, initialVideoWidth = 640, lockEdit = false, initialData = null, externalSetData = null, externalOnSubmit = null, annotationColor, }) => {
    const [videoWidth, setVideoWidth] = useState(initialVideoWidth);
    const [data, internalSetData] = useState(initialData);
    console.log(annotationColor);
    const setData = externalSetData || internalSetData;
    const onSubmit = externalOnSubmit ||
        (() => {
            console.log("Data submitted:", data);
        });
    return (_jsx(VideoContext.Provider, { value: {
            videoUrl,
            shape,
            hideAnnotations,
            videoWidth,
            setVideoWidth,
            lockEdit,
            onSubmit,
            data,
            setData,
            annotationColor,
        }, children: children }));
};