import { jsx as _jsx } from "react/jsx-runtime";
import { MultiSelect } from "react-multi-select-component";
import { twMerge } from "tailwind-merge";
import { SettingsRow } from "./row.js";
export const DocumentSelectSettingsRow = (props) => {
    const { options, onChange, className, selected = [], selectProps = {}, ...restProps } = props;
    return (_jsx(SettingsRow, { ...restProps, children: _jsx(MultiSelect, { className: twMerge("checkbox-container w-[200px]", className), labelledBy: "Select", onChange: onChange, options: options, value: selected, ...selectProps }) }));
};
//# sourceMappingURL=document-select-row.js.map