packages/excalidraw/components/Sidebar/SidebarTab.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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";