import type { ButtonHTMLAttributes } from "react";
import { radiusClass, type Radius } from "./radius";

type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
  radius?: Radius;
};

export default function Button({ radius = "lg", className = "", type = "button", ...props }: ButtonProps) {
  return <button type={type} className={`${radiusClass(radius)} ${className}`.trim()} {...props} />;
}
