mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-17 10:11:31 +10:00
28 lines
762 B
TypeScript
28 lines
762 B
TypeScript
import { Slot } from "@radix-ui/react-slot";
|
|
import { cn } from "@reactive-resume/utils";
|
|
import type { VariantProps } from "class-variance-authority";
|
|
import { forwardRef } from "react";
|
|
|
|
import { buttonVariants } from "../variants/button";
|
|
|
|
export type ButtonProps = {
|
|
asChild?: boolean;
|
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> &
|
|
VariantProps<typeof buttonVariants>;
|
|
|
|
export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
|
|
({ className, variant, size, asChild = false, ...props }, ref) => {
|
|
const Component = asChild ? Slot : "button";
|
|
|
|
return (
|
|
<Component
|
|
ref={ref}
|
|
className={cn(buttonVariants({ variant, size, className }))}
|
|
{...props}
|
|
/>
|
|
);
|
|
},
|
|
);
|
|
|
|
Button.displayName = "Button";
|