import React from "react";
import { getShortcutText } from "../hooks/useKeyboard";
export function DocSearchButton({ onClick, placeholder = "Search documentation...", className, }) {
    const shortcutText = getShortcutText("K");
    return (React.createElement("button", { type: "button", className: `seekora-docsearch-button${className ? ` ${className}` : ""}`, onClick: onClick, "aria-label": "Search documentation" },
        React.createElement("span", { className: "seekora-docsearch-button-icon" },
            React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
                React.createElement("path", { d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", fill: "currentColor" }))),
        React.createElement("span", { className: "seekora-docsearch-button-placeholder" }, placeholder),
        React.createElement("span", { className: "seekora-docsearch-button-keys" },
            React.createElement("kbd", { className: "seekora-docsearch-button-key" }, shortcutText))));
}
