import { jsx as e, jsxs as r } from "react/jsx-runtime";
import n from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js";
const c = ({
  numberOfLines: t,
  isExpanded: o,
  toggleExpanded: s
}) => t ? /* @__PURE__ */ e(
  "div",
  {
    className: "flex items-center px-3 py-1 font-medium text-stone-500 text-xs hover:text-stone-600 dark:text-stone-400 dark:hover:text-stone-300",
    "data-component-part": "code-block-footer",
    children: /* @__PURE__ */ r(
      "button",
      {
        className: "flex flex-1 items-center gap-1.5 py-1.5",
        "data-component-part": "code-block-footer-button",
        onClick: s,
        type: "button",
        children: [
          /* @__PURE__ */ e(n, { className: "size-3.5 shrink-0 text-stone-500 dark:text-stone-400" }),
          o ? "Collapse" : `See all ${t} line${t === 1 ? "" : "s"}`
        ]
      }
    )
  }
) : null;
export {
  c as CodeFooter
};
