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

packages/excalidraw/components/Section.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+import { t } from "../i18n";
+
+import { useExcalidrawContainer } from "./App";
+
+export const Section: React.FC<{
+  heading: "canvasActions" | "selectedShapeActions" | "shapes";
+  children?: React.ReactNode | ((heading: React.ReactNode) => React.ReactNode);
+  className?: string;
+}> = ({ heading, children, ...props }) => {
+  const { id } = useExcalidrawContainer();
+  const header = (
+    <h2 className="visually-hidden" id={`${id}-${heading}-title`}>
+      {t(`headings.${heading}`)}
+    </h2>
+  );
+  return (
+    <section {...props} aria-labelledby={`${id}-${heading}-title`}>
+      {typeof children === "function" ? (
+        children(header)
+      ) : (
+        <>
+          {header}
+          {children}
+        </>
+      )}
+    </section>
+  );
+};