import { jsxs as l, jsx as r } from "react/jsx-runtime";
import { formatTruncatedAddress as a } from "@argent/x-shared";
import { Flex as p, Tooltip as c } from "@chakra-ui/react";
import { AddressActions as i } from "./ui/AddressActions.js";
const h = ({ property: s, networkId: t, ...o }) => {
  const { classHash: e } = s, n = a(e);
  return /* @__PURE__ */ l(p, { flex: "1", gap: "1", alignItems: "center", justifyContent: "flex-end", role: "group", ...o, children: [
    /* @__PURE__ */ r(i, { address: e, networkId: t, openInBlockExplorer: !1 }),
    /* @__PURE__ */ r(
      c,
      {
        label: e,
        placement: "top",
        insetInlineStart: "-5px",
        children: n
      }
    )
  ] });
};
export {
  h as ClassHashProperty
};
