cosmos-multisig-ui/components/ChainConnect/TabButton.tsx
2023-11-20 14:29:53 +01:00

24 lines
545 B
TypeScript

import { cn } from "@/lib/utils";
import { ComponentProps } from "react";
import { TabsTrigger } from "../ui/tabs";
export default function TabButton({
value,
children,
className,
...restProps
}: ComponentProps<typeof TabsTrigger>) {
return (
<TabsTrigger
value={value}
className={cn(
"border-2 border-solid border-white bg-transparent text-white data-[state=active]:bg-white data-[state=active]:text-gray-900",
className,
)}
{...restProps}
>
{children}
</TabsTrigger>
);
}