A quick vibe-coded site to test response times of PLC.directory mirrors (over 3 attempts)
1import * as React from "react";
2import * as TabsPrimitive from "@radix-ui/react-tabs";
3
4import { cn } from "@/lib/utils";
5
6const Tabs = TabsPrimitive.Root;
7
8const TabsList = React.forwardRef<
9 React.ElementRef<typeof TabsPrimitive.List>,
10 React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
11>(({ className, ...props }, ref) => (
12 <TabsPrimitive.List
13 ref={ref}
14 className={cn(
15 "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
16 className,
17 )}
18 {...props}
19 />
20));
21TabsList.displayName = TabsPrimitive.List.displayName;
22
23const TabsTrigger = React.forwardRef<
24 React.ElementRef<typeof TabsPrimitive.Trigger>,
25 React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
26>(({ className, ...props }, ref) => (
27 <TabsPrimitive.Trigger
28 ref={ref}
29 className={cn(
30 "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
31 className,
32 )}
33 {...props}
34 />
35));
36TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
37
38const TabsContent = React.forwardRef<
39 React.ElementRef<typeof TabsPrimitive.Content>,
40 React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
41>(({ className, ...props }, ref) => (
42 <TabsPrimitive.Content
43 ref={ref}
44 className={cn(
45 "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
46 className,
47 )}
48 {...props}
49 />
50));
51TabsContent.displayName = TabsPrimitive.Content.displayName;
52
53export { Tabs, TabsList, TabsTrigger, TabsContent };