43 lines
928 B
TypeScript
43 lines
928 B
TypeScript
'use client';
|
|
|
|
import React, { useState } from 'react';
|
|
import EmailSignupForm from '@/components/form/EmailSignupForm';
|
|
|
|
interface ContactSplitFormProps {
|
|
title: string;
|
|
description: string;
|
|
className?: string;
|
|
}
|
|
|
|
const ContactSplitForm: React.FC<ContactSplitFormProps> = ({
|
|
title,
|
|
description,
|
|
className = '',
|
|
}) => {
|
|
const [email, setEmail] = useState('');
|
|
|
|
const handleSubmit = () => {
|
|
if (email) {
|
|
console.log('Form submitted with email:', email);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<section className={`contact-split-form ${className}`}>
|
|
<div className="contact-form-container">
|
|
<h2>{title}</h2>
|
|
<p>{description}</p>
|
|
<EmailSignupForm
|
|
value={email}
|
|
onChange={setEmail}
|
|
placeholder="Enter your email"
|
|
buttonText="Submit"
|
|
onSubmit={handleSubmit}
|
|
/>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default ContactSplitForm;
|