import React from 'react';
import { useNavigate } from 'react-router-dom';
import { Wrench } from 'lucide-react';
import { ButtonComponent } from '@syncfusion/ej2-react-buttons';

const SetupModeButton: React.FC = () => {
  const navigate = useNavigate();
  return (
    <ButtonComponent
      cssClass="e-warning"
      onClick={() => navigate('/setup')}
      title="Erweiterungsmodus starten"
    >
      <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
        <Wrench size={14.4} />
        Erweiterungsmodus
      </span>
    </ButtonComponent>
  );
};

export default SetupModeButton;
