import React from 'react';
import { useNavigate } from 'react-router-dom';
import { Card, CardContent } from '@/components/ui/Card';
import { Button } from '@/components/ui/Button';

export const SupportCtaWidget: React.FC = () => {
  const navigate = useNavigate();

  return (
    <Card>
      <CardContent className="p-6 rounded-xl">
        <h3 className="text-lg font-semibold mb-2">Centre de Support</h3>
        <p className="text-sm mb-4 leading-relaxed">
          Déclarez un incident critique ou demandez une évolution de votre infrastructure.
        </p>
        <Button
          onClick={() => navigate('/support')}
          className= "text-rose-500 w-full"
        >
          Ouvrir un ticket sécurisé
        </Button>
      </CardContent>
    </Card>
  );
};

export default SupportCtaWidget;