import React from 'react';
import ProfileQuestionsForm from '../../components/ProfileQuestionsForm';
import { ProfileAnswerInput, ProfileQuestionForUser } from '../../services/membershipService';

interface MemberQuestionsPageProps {
  onSave: (answers: ProfileAnswerInput[]) => Promise<void>;
  questions: ProfileQuestionForUser[];
}

const MemberQuestionsPage: React.FC<MemberQuestionsPageProps> = ({ onSave, questions }) => (
  <ProfileQuestionsForm
    title="Your Profile Questions"
    description="Optional details that help us support your membership and volunteering. Some fields are admin-managed."
    questions={questions}
    onSave={onSave}
    saveLabel="Save Profile Answers"
    surface="member"
  />
);

export default MemberQuestionsPage;
