File size: 1,116 Bytes
246d201 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
import clsx from "clsx";
import React from "react";
interface ModalButtonProps {
testId?: string;
variant?: "default" | "text-like";
onClick?: () => void;
text: string;
className: React.HTMLProps<HTMLButtonElement>["className"];
icon?: React.ReactNode;
type?: "button" | "submit";
disabled?: boolean;
intent?: string;
}
export function ModalButton({
testId,
variant = "default",
onClick,
text,
className,
icon,
type = "button",
disabled,
intent,
}: ModalButtonProps) {
return (
<button
data-testid={testId}
type={type === "submit" ? "submit" : "button"}
disabled={disabled}
onClick={onClick}
className={clsx(
variant === "default" && "text-sm font-[500] py-[10px] rounded",
variant === "text-like" && "text-xs leading-4 font-normal",
icon && "flex items-center justify-center gap-2",
disabled && "opacity-50 cursor-not-allowed",
className,
)}
name={intent && "intent"}
value={intent}
>
{icon}
{text}
</button>
);
}
|