//
// Copyright 2025 DXOS.org
//
import React from 'react';
import { Select } from '@dxos/react-ui';
export const ControlledSelector = (props) => {
    return (React.createElement(Select.Root, { value: props.value, onValueChange: props.setValue },
        React.createElement(Select.TriggerButton, { placeholder: props.placeholder ?? 'Select space' }),
        React.createElement(Select.Portal, null,
            React.createElement(Select.Content, null,
                React.createElement(Select.Viewport, null, props.values.map((mode) => (React.createElement(Select.Option, { key: mode, value: mode },
                    React.createElement("div", { className: 'flex items-center gap-2' },
                        React.createElement("span", { className: 'font-mono text-neutral-250' }, mode)))))),
                React.createElement(Select.Arrow, null)))));
};
//# sourceMappingURL=ControlledSelector.js.map