"use client";
import { CODE as e, KEY as t } from "./hooks/keyboard.constants.js";
import { forwardRef as n } from "react";
import { jsx as r } from "react/jsx-runtime";
//#region lib/ui/Clickable.tsx
var i = n(function({ children: n, onClick: i, ...a }, o) {
	let s = (n) => {
		(n.key === t.ENTER || n.key === t.SPACE || n.code === e.ENTER || n.code === e.SPACE) && i();
	};
	return /* @__PURE__ */ r("div", {
		...a,
		"data-name": "Clickable",
		onClick: i,
		onKeyDown: s,
		ref: o,
		role: "button",
		tabIndex: 0,
		children: n
	});
});
//#endregion
export { i as Clickable };

//# sourceMappingURL=Clickable.js.map