export function MapButton({ icon, ...props }) {
    return (
        <button className="w-16 h-16 bg-custom-light-blue rounded-full hover:bg-blue-500 transition flex items-center justify-center" {...props}>
            <img src={`/icons/${icon}.png`} className="w-10 h-10" />
        </button>
    );
}

export function ControlButton({ icon, ...props }) {
    return (
        <button className="w-[4.5rem] h-[4.5rem] bg-custom-light-blue rounded-lg hover:bg-blue-500 transition flex items-center justify-center" {...props}>
            <img src={`/icons/${icon}.png`} className="w-10 h-10" />
        </button>
    );
}