'use client'
import { useState, useEffect } from 'react'
import { MessageCircle, Phone, X } from 'lucide-react'
export function WhatsAppButton({ phone, message }: { phone?: string; message?: string }) {
if (!phone) return null
const url = `https://wa.me/${phone.replace(/\D/g, '')}${message ? `?text=${encodeURIComponent(message)}` : ''}`
return (
)
}
export function FloatingActionButtons() {
const [whatsapp, setWhatsapp] = useState('')
const [phone, setPhone] = useState('')
const [expanded, setExpanded] = useState(false)
useEffect(() => {
fetch('/api/settings')
.then(r => r.json())
.then(d => {
const brand = d.brand || {}
setWhatsapp(brand.whatsapp || '')
setPhone(brand.phone || '')
})
.catch(() => {})
}, [])
if (!whatsapp && !phone) return null
return (
{expanded && (
{whatsapp && (
)}
{phone && (
)}
)}