import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { twJoin } from "tailwind-merge";
export function FormInputs(props) {
    const { inputs } = props;
    return (_jsx("div", { className: "rounded-md bg-white text-xs font-medium", children: inputs.map(({ label, Input, inputLabel }, index) => (_jsxs("div", { className: twJoin("grid min-h-11 grid-cols-[208px,380px] items-center px-6 text-gray-600 last:rounded-b-md", index % 2 !== 0 && "bg-gray-50"), children: [_jsx("div", { children: label }), _jsxs("div", { className: "h-max py-2 text-gray-900", children: [_jsx(Input, {}), inputLabel ? (_jsx("div", { className: "text-left text-gray-500", children: inputLabel })) : null] }, index)] }, label))) }));
}
//# sourceMappingURL=form-inputs.js.map