import React from 'react';
import { FiSettings } from 'react-icons/fi';

const Configuracoes = () => {
  return (
    <div className="configuracoes fade-in">
      <div className="page-header">
        <div>
          <h1>Configurações</h1>
          <p>Configure as integrações e preferências do sistema</p>
        </div>
      </div>

      <div className="config-section">
        <div className="config-header">
          <div className="config-title">
            <FiSettings className="config-icon" />
            <div>
              <h2>Evolution API - WhatsApp</h2>
              <p>Configure a integração com Evolution API para envio de mensagens WhatsApp</p>
            </div>
          </div>
        </div>
        
        <div className="config-placeholder">
          <p>Configuração da Evolution API em desenvolvimento...</p>
        </div>
      </div>
    </div>
  );
};

export default Configuracoes;
