import {
  CopyToClipboardButton
} from "./chunk-7C4MHI6Q.js";
import {
  standardBorderRadius
} from "./chunk-JK4BP73A.js";

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

export {
  SecretContainer
};
