React 实现 WhatsApp

import React from 'react';
import './App.css';

const App = () => {
  const openWhatsApp = () => {
    const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
    const url = isMobile ? 'whatsapp://send' : 'https://web.whatsapp.com/send';
    window.location.href = url;
  };

  return (
    <div className="App">
      <header className="App-header">
        <h1 className="text-4xl font-bold text-white mb-8">Open WhatsApp</h1>
        <button
          className="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded-full transition duration-300 ease-in-out transform hover:scale-105"
          onClick={openWhatsApp}
        >
          Open WhatsApp
        </button>
      </header>
    </div>
  );
};

export default App;