29 lines
590 B
TypeScript
29 lines
590 B
TypeScript
"use client";
|
||
|
||
import { ButtonHTMLAttributes } from "react";
|
||
|
||
interface CloseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
||
size?: "sm" | "md" | "lg";
|
||
}
|
||
|
||
const sizeClasses = {
|
||
sm: "text-xl",
|
||
md: "text-2xl",
|
||
lg: "text-3xl",
|
||
};
|
||
|
||
export default function CloseButton({
|
||
size = "md",
|
||
className = "",
|
||
...props
|
||
}: CloseButtonProps) {
|
||
return (
|
||
<button
|
||
className={`text-gray-400 hover:text-pixel-gold font-bold transition disabled:opacity-50 disabled:cursor-not-allowed ${sizeClasses[size]} ${className}`}
|
||
{...props}
|
||
>
|
||
×
|
||
</button>
|
||
);
|
||
}
|