// Tailwind
import Input from "../Input/Input";
import React from "react";
const SearchBox = (props) => {
    return (React.createElement("div", { className: "relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0" },
        React.createElement("div", { className: "w-full sm:max-w-xs" },
            React.createElement("label", { className: "sr-only" }, "Search"),
            React.createElement("div", { className: "relative" },
                React.createElement(Input, { onChange: (value) => {
                        props.onChange(value);
                    }, className: "block w-full rounded-md border border-gray-300 bg-white py-2 pl-5 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm", placeholder: "Search" })))));
};
export default SearchBox;
//# sourceMappingURL=SearchBox.js.map