40 lines
764 B
TypeScript
40 lines
764 B
TypeScript
/**
|
|
* MenuActionButton Component
|
|
*
|
|
* Compact button for constructor menu actions.
|
|
* Used in ConstructorMenu for adding elements, backgrounds, etc.
|
|
*/
|
|
|
|
import React from 'react';
|
|
import BaseIcon from '../BaseIcon';
|
|
|
|
interface MenuActionButtonProps {
|
|
icon: string;
|
|
label: string;
|
|
onClick: () => void;
|
|
disabled?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
const MenuActionButton: React.FC<MenuActionButtonProps> = ({
|
|
icon,
|
|
label,
|
|
onClick,
|
|
disabled = false,
|
|
className = '',
|
|
}) => {
|
|
return (
|
|
<button
|
|
type='button'
|
|
className={`menu-action-btn ${className}`}
|
|
onClick={onClick}
|
|
disabled={disabled}
|
|
>
|
|
<BaseIcon path={icon} size={16} />
|
|
<span>{label}</span>
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default MenuActionButton;
|