aboutsummaryrefslogtreecommitdiffstats
path: root/packages/excalidraw/components/Sidebar/SidebarTab.tsx
diff options
context:
space:
mode:
authorkj_sh6042026-03-15 16:19:35 -0400
committerkj_sh6042026-03-15 16:19:35 -0400
commit6ec259a0e71174651bae95d4628138bf6fd68742 (patch)
tree5e33c6a5ec091ecabfcb257fdc7b6a88ed8754ac /packages/excalidraw/components/Sidebar/SidebarTab.tsx
parent16c8578b15c727f22921f8a80a56ee4d4e7f2272 (diff)
refactor: packages/
Diffstat (limited to 'packages/excalidraw/components/Sidebar/SidebarTab.tsx')
-rw-r--r--packages/excalidraw/components/Sidebar/SidebarTab.tsx18
1 files changed, 18 insertions, 0 deletions
diff --git a/packages/excalidraw/components/Sidebar/SidebarTab.tsx b/packages/excalidraw/components/Sidebar/SidebarTab.tsx
new file mode 100644
index 0000000..6fddab0
--- /dev/null
+++ b/packages/excalidraw/components/Sidebar/SidebarTab.tsx
@@ -0,0 +1,18 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+import type { SidebarTabName } from "../../types";
+
+export const SidebarTab = ({
+ tab,
+ children,
+ ...rest
+}: {
+ tab: SidebarTabName;
+ children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>) => {
+ return (
+ <RadixTabs.Content {...rest} value={tab} data-testid={tab}>
+ {children}
+ </RadixTabs.Content>
+ );
+};
+SidebarTab.displayName = "SidebarTab";