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 |
import { Tooltip } from "@nextui-org/react";
import { AgentState } from "#/types/agent-state";
interface ActionButtonProps {
isDisabled?: boolean;
content: string;
action: AgentState;
handleAction: (action: AgentState) => void;
}
export function ActionButton({
isDisabled = false,
content,
action,
handleAction,
children,
}: React.PropsWithChildren<ActionButtonProps>) {
return (
<Tooltip content={content} closeDelay={100}>
<button
onClick={() => handleAction(action)}
disabled={isDisabled}
className="relative overflow-visible cursor-default hover:cursor-pointer group disabled:cursor-not-allowed transition-all duration-300 ease-in-out"
type="button"
>
<span className="relative z-10 group-hover:filter group-hover:drop-shadow-[0_0_5px_rgba(255,64,0,0.4)]">
{children}
</span>
<span className="absolute -inset-[5px] border-2 border-red-400/40 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out" />
</button>
</Tooltip>
);
}
|