import { jsx, jsxs } from "react/jsx-runtime";
import "./input.css";
import * as __rspack_external_react from "react";
function FileInput({ accept, label, onChange, 'data-test-id': dataTestId }) {
    const inputId = __rspack_external_react.useId();
    return /*#__PURE__*/ jsxs("div", {
        className: "Input__wrapper",
        children: [
            /*#__PURE__*/ jsx("label", {
                className: "Input__label",
                htmlFor: inputId,
                children: label
            }),
            /*#__PURE__*/ jsx("input", {
                id: inputId,
                type: "file",
                accept: accept,
                className: "Input__input",
                onChange: (e)=>{
                    onChange(e.target.files);
                },
                "data-test-id": dataTestId
            })
        ]
    });
}
export default FileInput;
