import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import { Overlay } from "./Overlay.js";
import { SelectList } from "./SelectList.js";
export function SettingsSelector({ settings, onSelect, onCancel }) {
    const items = Object.entries(settings).map(([key, value]) => ({
        label: key,
        value: key,
        description: String(value),
    }));
    return (_jsx(Overlay, { title: "Settings", children: _jsx(SelectList, { items: items, onSelect: onSelect, onCancel: onCancel }) }));
}
//# sourceMappingURL=SettingsSelector.js.map