fix(ssr): remove a tag on button
This commit is contained in:
parent
fb38ac69df
commit
e40c78e9b9
@ -3,38 +3,38 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/Tooltip";
|
||||
|
||||
interface ButtonProps {
|
||||
text?: JSX.Element | string;
|
||||
url?: string;
|
||||
icon?: JSX.Element;
|
||||
color?: string;
|
||||
tooltip?: React.ReactNode;
|
||||
className?: string;
|
||||
ariaLabel?: string;
|
||||
onClick?: () => void;
|
||||
}
|
||||
|
||||
export default function Button({
|
||||
text,
|
||||
url,
|
||||
icon,
|
||||
color,
|
||||
tooltip,
|
||||
className,
|
||||
ariaLabel = "Default button label",
|
||||
onClick,
|
||||
}: ButtonProps) {
|
||||
if (!color) color = "bg-blue-500";
|
||||
|
||||
const base = (
|
||||
<a href={url} onClick={onClick}>
|
||||
<p
|
||||
<button
|
||||
className={clsx(
|
||||
"font-md flex w-fit transform-gpu flex-row items-center gap-1 rounded-md p-1 transition-all hover:opacity-80",
|
||||
className,
|
||||
"flex items-center justify-center gap-2 rounded-md px-4 py-2",
|
||||
color,
|
||||
className,
|
||||
)}
|
||||
onClick={onClick}
|
||||
aria-label={ariaLabel}
|
||||
>
|
||||
{icon}
|
||||
{text}
|
||||
</p>
|
||||
</a>
|
||||
</button>
|
||||
);
|
||||
|
||||
if (tooltip) {
|
||||
|
Loading…
Reference in New Issue
Block a user