"use client"
import { useState } from "react"
import toast from 'react-hot-toast';

import { newsletter } from '../../services/public'
const EmailForm = () => { 

    const  [ email, setEmail ] = useState<string>("")
    
    const handleSubmit = async () => {
        const result = await newsletter(email);
      
        if (result.success) {
          toast.success(result.message || 'Başarıyla abone oldunuz.');
          setEmail('');
        } else {
          toast.error(result.message || 'Bir hata oluştu. Lütfen tekrar deneyin.');
        }
      };
 

    return (
        <div className='flex flex-col sm:flex-row justify-start items-start gap-5 col-span-12 md:col-span-6 lg:col-span-4'>
        <input type='text' 
        name='email'
        value={email}
        onChange={(e) => setEmail(e.target.value)}
        className='px-5 py-2 outline-none border-none text-primary' placeholder=' Email Adresiniz' />
        <button 
        onClick={() => handleSubmit()}
        className=' px-5 py-2  border border-white'> Abone Ol</button>
    </div>
    )

}


export default EmailForm