//
// Copyright 2023 DXOS.org
//
import React from 'react';
import { Toolbar, Select as UiSelect } from '@dxos/react-ui';
export const Select = ({ items = [], ...props }) => {
    return (React.createElement(UiSelect.Root, { ...props },
        React.createElement(Toolbar.Button, { asChild: true },
            React.createElement(UiSelect.TriggerButton, { placeholder: 'Select value' })),
        React.createElement(UiSelect.Portal, null,
            React.createElement(UiSelect.Content, null,
                React.createElement(UiSelect.Viewport, null, items?.map(({ value, label }) => (React.createElement(UiSelect.Option, { key: value, value: value },
                    React.createElement("span", { className: 'font-mono' }, label)))))))));
};
//# sourceMappingURL=Select.js.map