import * as React from "react";
import Uploady, { useFileInput } from "./index";

const MyComponent: React.FC = () => {
    const inputRef = useFileInput();
    if (inputRef.current) {
        inputRef.current.setAttribute("webkitdirectory", "true");
    }
    return <div>test</div>;
};

const MyApp: React.FC = () => <Uploady debug>
    <div>test</div>
</Uploady>;

const testMyApp = (): React.JSX.Element => {
    return <MyApp/>;
};

const testUseFileInput = (): React.JSX.Element => <Uploady debug>
    <MyComponent />
</Uploady>;

const testWithSendProps = (): React.JSX.Element => (
    <Uploady
        formDataAllowUndefined
        forceJsonResponse
        clearPendingOnAdd
        autoUpload={false}
        destination={{
            url: "https://somewhere.over/the/rainbow",
            params: {
                foo: "bar"
            }
        }}
    >
        <div>test</div>
    </Uploady>
);
export {
    testMyApp,
    testUseFileInput,
    testWithSendProps
};