// components/forms/ContactForm.tsx
type ContactForm7Props = {
    formId: string
    title?: string
}

export function ContactForm({ formId, title }: ContactForm7Props) {
    return (
        <section className="my-12">
            {title && <h2 className="mb-4 text-2xl font-semibold">{title}</h2>}

            <form
                className="grid gap-4 max-w-xl"
                data-form-id={formId}
            >
                <input
                    type="text"
                    name="name"
                    placeholder="Your name"
                    className="input input-bordered"
                    required
                />

                <input
                    type="email"
                    name="email"
                    placeholder="Email"
                    className="input input-bordered"
                    required
                />

                <textarea
                    name="message"
                    placeholder="Message"
                    className="textarea textarea-bordered"
                    required
                />

                <button className="btn btn-primary">
                    Send
                </button>
            </form>
        </section>
    )
}
