mirror of
https://github.com/RooVetGit/Roo-Code.git
synced 2026-09-25 01:01:18 +00:00
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { cn } from "@/lib/utils"
|
|
|
|
interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
iconClass: string
|
|
title: string
|
|
disabled?: boolean
|
|
isLoading?: boolean
|
|
style?: React.CSSProperties
|
|
}
|
|
|
|
export const IconButton: React.FC<IconButtonProps> = ({
|
|
iconClass,
|
|
title,
|
|
className,
|
|
disabled,
|
|
isLoading,
|
|
onClick,
|
|
style,
|
|
...props
|
|
}) => {
|
|
const buttonClasses = cn(
|
|
"relative inline-flex items-center justify-center",
|
|
"bg-transparent border-none p-1.5",
|
|
"rounded-md min-w-[28px] min-h-[28px]",
|
|
"text-vscode-foreground opacity-85",
|
|
"transition-all duration-150",
|
|
"hover:opacity-100 hover:bg-[rgba(255,255,255,0.03)] hover:border-[rgba(255,255,255,0.15)]",
|
|
"focus:outline-none focus-visible:ring-1 focus-visible:ring-vscode-focusBorder",
|
|
"active:bg-[rgba(255,255,255,0.1)]",
|
|
disabled &&
|
|
"opacity-40 cursor-not-allowed grayscale-[30%] hover:bg-transparent hover:border-[rgba(255,255,255,0.08)] active:bg-transparent",
|
|
className,
|
|
)
|
|
|
|
const iconClasses = cn("codicon", iconClass, isLoading && "codicon-modifier-spin")
|
|
|
|
return (
|
|
<button
|
|
aria-label={title}
|
|
title={title}
|
|
className={`${buttonClasses} text-[16.5px]`}
|
|
onClick={!disabled ? onClick : undefined}
|
|
style={style}
|
|
{...props}>
|
|
<span className={iconClasses} />
|
|
</button>
|
|
)
|
|
}
|