"use strict";
var import_CodeSample = require("../CodeSample.css");
const jsxRuntime = require("react/jsx-runtime");
const kit_ClipboardButton = require("./ClipboardButton.cjs");
const base = "CodeSample_base_4803d";
const commandContainer = "CodeSample_commandContainer_4803d";
const codeSample = "CodeSample_codeSample_4803d";
const css = {
  base,
  commandContainer,
  codeSample
};
const CodeSample = ({ text }) => {
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.base, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: css.commandContainer, children: [
    /* @__PURE__ */ jsxRuntime.jsx("code", { className: css.codeSample, children: text }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(kit_ClipboardButton.default, { getContent: () => text }) })
  ] }) });
};
module.exports = CodeSample;
