Files
Reactive-Resume/libs/ui/src/components/toggle.tsx
T
2023-11-05 12:31:42 +01:00

20 lines
676 B
TypeScript

import * as TogglePrimitive from "@radix-ui/react-toggle";
import { cn } from "@reactive-resume/utils";
import { type VariantProps } from "class-variance-authority";
import { forwardRef } from "react";
import { toggleVariants } from "../variants/toggle";
export const Toggle = forwardRef<
React.ElementRef<typeof TogglePrimitive.Root>,
React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>
>(({ className, variant, size, ...props }, ref) => (
<TogglePrimitive.Root
ref={ref}
className={cn(toggleVariants({ variant, size, className }))}
{...props}
/>
));
Toggle.displayName = TogglePrimitive.Root.displayName;