Button

1"use client";
2 
3import "./button.css";
4import type React from "react";
5import { cn } from "tailwind-variants";
6 
7import { buttonVariants, type ButtonVariants } from "./button.variants";
8 
9export interface ButtonProps extends ButtonVariants, React.ComponentProps<"button"> {}
10 
11export const Button = ({
12  children,
13  className,
14  isIconOnly,
15  size,
16  variant,
17  ...props
18}: ButtonProps) => {
19  const styles = cn(buttonVariants({ isIconOnly, size, variant }), className);
20 
21  return (
22    <button className={styles} {...props}>
23      {children}
24    </button>
25  );
26};
27 
28export const ButtonRoot = Button;