import { t as e } from "../../utils-B7XIe3qq.js";
import { t } from "../../search-CrxnZfZ5.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/react/primitives/heatmap-toolbar.tsx
function i({ views: i, activeView: a, onViewChange: o, searchQuery: s, onSearchChange: c, searchPlaceholder: l = "Search techniques..." }) {
	return /* @__PURE__ */ r("div", {
		className: "flex items-center gap-3",
		children: [/* @__PURE__ */ n("div", {
			className: "bg-surface-secondary border-border-glass flex items-center gap-1 rounded-lg border p-1",
			children: i.map((t) => {
				let r = t.icon;
				return /* @__PURE__ */ n("button", {
					onClick: () => o(t.id),
					className: e("rounded p-1.5 transition-all", a === t.id ? "bg-accent-primary text-white" : "text-foreground-muted hover:text-foreground hover:bg-surface-tertiary"),
					title: t.label,
					children: /* @__PURE__ */ n(r, { className: "h-4 w-4" })
				}, t.id);
			})
		}), /* @__PURE__ */ r("div", {
			className: "relative",
			children: [/* @__PURE__ */ n(t, { className: "text-foreground-muted absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" }), /* @__PURE__ */ n("input", {
				type: "text",
				value: s,
				onChange: (e) => c(e.target.value),
				placeholder: l,
				className: e("border-border-glass bg-surface-tertiary/50 h-9 w-64 rounded-md border pr-4 pl-10", "text-foreground placeholder:text-foreground-muted text-sm", "focus:border-accent-primary/50 focus:ring-accent-primary/30 focus:ring-1 focus:outline-none")
			})]
		})]
	});
}
//#endregion
export { i as HeatmapToolbar };

//# sourceMappingURL=heatmap-toolbar.js.map