quivr/frontend/app/studio/components/StyledTabsTrigger.tsx
Antoine Dewez a540a201e3
feat(frontend): Page Header + Begin of Studio (#2151)
# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
2024-02-06 16:05:07 -08:00

23 lines
614 B
TypeScript

import { forwardRef } from "react";
import { TabsTrigger } from "@/lib/components/ui/Tabs";
import { cn } from "@/lib/utils";
export const StyledTabsTrigger = forwardRef<
React.ElementRef<typeof TabsTrigger>,
React.ComponentPropsWithoutRef<typeof TabsTrigger>
>(({ className, ...props }, ref) => (
<TabsTrigger
ref={ref}
className={cn(
"capitalize font-normal",
"data-[state=active]:shadow-none",
"data-[state=active]:text-primary",
"data-[state=active]:font-semibold",
className
)}
{...props}
/>
));
StyledTabsTrigger.displayName = TabsTrigger.displayName;