snapshot of https://github.com/excalidraw/excalidraw.git (master, 2026-09-16; blobs > 131072B omitted)

packages/excalidraw/components/Stats/Collapsible.tsx

@@ -0,0 +1,50 @@
+import { InlineIcon } from "../InlineIcon";
+import { collapseDownIcon, collapseUpIcon } from "../icons";
+
+interface CollapsibleProps {
+  label: React.ReactNode;
+  // having it controlled so that the state is managed outside
+  // this is to keep the user's previous choice even when the
+  // Collapsible is unmounted
+  open: boolean;
+  openTrigger: () => void;
+  children: React.ReactNode;
+  className?: string;
+  showCollapsedIcon?: boolean;
+}
+
+const Collapsible = ({
+  label,
+  open,
+  openTrigger,
+  children,
+  className,
+  showCollapsedIcon = true,
+}: CollapsibleProps) => {
+  return (
+    <>
+      <div
+        style={{
+          cursor: "pointer",
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+        }}
+        className={className}
+        onClick={openTrigger}
+      >
+        {label}
+        {showCollapsedIcon && (
+          <InlineIcon icon={open ? collapseUpIcon : collapseDownIcon} />
+        )}
+      </div>
+      {open && (
+        <div style={{ display: "flex", flexDirection: "column" }}>
+          {children}
+        </div>
+      )}
+    </>
+  );
+};
+
+export default Collapsible;