mirror of
https://github.com/wavetermdev/waveterm.git
synced 2024-12-22 16:48:23 +01:00
30 lines
762 B
TypeScript
30 lines
762 B
TypeScript
import clsx from "clsx";
|
|
import React from "react";
|
|
import "./button.less";
|
|
|
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
className?: string;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
const Button = React.memo(({ className = "primary", children, disabled, ...props }: ButtonProps) => {
|
|
const hasIcon = React.Children.toArray(children).some(
|
|
(child) => React.isValidElement(child) && (child as React.ReactElement).type === "svg"
|
|
);
|
|
|
|
return (
|
|
<button
|
|
className={clsx("button", className, {
|
|
disabled,
|
|
hasIcon,
|
|
})}
|
|
disabled={disabled}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</button>
|
|
);
|
|
});
|
|
|
|
export { Button };
|