import * as React from "react";
import { Menu } from "../menu/Menu";
import { SearchResults } from "./SearchResults";
import { SearchInput } from "./SearchInput";
import "../../assets/css/search.css";
const Search = ({ width = 330, className = "search-menu", id = "SearchMenu", ...otherProps }) => {
    var _a;
    const completeProps = {
        ...otherProps,
        width,
        className,
        id,
        title: (_a = otherProps.title) !== null && _a !== void 0 ? _a : React.createElement("i", { className: "ff-search", "aria-label": "Search" }),
    };
    return (React.createElement(Menu, { ...completeProps },
        React.createElement(SearchInput, null),
        React.createElement(SearchResults, null)));
};
export { Search };
//# sourceMappingURL=Search.js.map