import { useButton as i } from "../../../../../@react-aria/button/dist/module.es.js";
import { merge as m } from "../../utilities/merge.es.es.js";
import u, { useRef as n } from "react";
import { mergeProps as l } from "../../../../../@react-aria/utils/dist/module.es.js";
import { useFocusRing as p } from "../../../../../@react-aria/focus/dist/module.es.js";
import { FOCUS_STYLE as b } from "../../utilities/focusStyle.es.es.js";
const P = ({ hoverable: r = !1, children: t, onClick: e }) => {
  const o = n(null), { buttonProps: s } = i(
    { elementType: "div", onPress: (f) => e && e(f) },
    o
  ), { isFocusVisible: a, focusProps: c } = p(), d = e ? l(s, c) : {};
  return /* @__PURE__ */ u.createElement("div", {
    ...d,
    "data-test-id": "card",
    ref: o,
    className: m([
      "tw-w-full tw-outline-none tw-bg-white tw-border tw-border-black-10 tw-rounded",
      r ? "hover:tw-border-black" : "",
      e ? "tw-cursor-pointer" : "tw-cursor-default",
      a && b
    ])
  }, t);
};
export {
  P as Card
};
//# sourceMappingURL=Card.es.es.js.map
