//
// Copyright 2023 DXOS.org
//
import React from 'react';
import { Input, useControlledState } from '@dxos/react-ui';
export const Searchbar = ({ placeholder, value, onChange }) => {
    const [text, setText] = useControlledState(value ?? '', onChange);
    return (React.createElement("div", { role: 'none', className: 'flex is-full items-center' },
        React.createElement(Input.Root, null,
            React.createElement(Input.TextInput, { placeholder: placeholder, value: text, onChange: ({ target }) => setText(target.value) }))));
};
//# sourceMappingURL=Searchbar.js.map