Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../chunk-BN4qSVkS.cjs");
const require_styles_common = require("../styles/common.cjs");
const require_components_CopyToClipboardButton = require("./CopyToClipboardButton.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/SecretContainer.tsx
function SecretContainer(props) {
	return props.secret ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(StyledSecretContainer, {
		hasSecret: true,
		success: props.success,
		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
			style: {
				textOverflow: "ellipsis",
				whiteSpace: "nowrap",
				overflow: "hidden",
				flex: 1
			},
			children: props.secret
		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_components_CopyToClipboardButton.CopyToClipboardButton, {
			value: props.secret,
			isSm: true,
			ml: 4
		})]
	}) : /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledSecretContainer, {
		hasSecret: false,
		children: "There are no tokens associated with this account"
	});
}
const StyledSecretContainer = _emotion_styled.default.div`
  background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
  ${require_styles_common.standardBorderRadius(8)}
  padding: 18px 20px;
  color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
  border: solid 1px
    ${({ theme, hasSecret }) => hasSecret ? theme.c05Neutral : theme.c1Neutral};
  display: flex;
  gap: 4px;
`;
//#endregion
exports.SecretContainer = SecretContainer;
