"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunkW3THU56Ecjs = require('./chunk-W3THU56E.cjs');


var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');

// src/components/SecretContainer.tsx
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _jsxruntime = require('@emotion/react/jsx-runtime');
function SecretContainer(props) {
  return props.secret ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledSecretContainer, { hasSecret: true, success: props.success, children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
      "span",
      {
        style: {
          textOverflow: "ellipsis",
          whiteSpace: "nowrap",
          overflow: "hidden",
          flex: 1
        },
        children: props.secret
      }
    ),
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW3THU56Ecjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
}
var StyledSecretContainer = _styled2.default.div`
  background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 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;
`;



exports.SecretContainer = SecretContainer;
