import Input from "../../Input/Input";
import React from "react";
const ProjectPickerFilterBox = (props) => {
    return (React.createElement("div", { className: "px-2 pb-2 mb-1 border-b border-gray-100" },
        React.createElement("label", { className: "sr-only" }, "Search Projects"),
        React.createElement("div", { className: "relative" },
            React.createElement(Input, { onChange: (value) => {
                    props.onChange(value);
                }, className: "block w-full rounded-lg border border-gray-200 bg-gray-50 py-2 pl-4 pr-3 text-sm placeholder-gray-400 focus:border-indigo-500 focus:bg-white focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-1 transition-all duration-150 sm:text-sm", placeholder: "Search projects..." }))));
};
export default ProjectPickerFilterBox;
//# sourceMappingURL=ProjectPickerFilterBox.js.map