import React from 'react';

export interface FAQItemProps {
  question: string;
  answer: string;
}

const FAQItem: React.FC<FAQItemProps> = ({ question, answer }) => {
  return (
    <div className="bg-white rounded-lg shadow-xl p-6">
      <h3 className="text-xl font-serif text-vista-darkblue mb-3">
        {question}
      </h3>
      <p className="text-vista-darkblue/70">
        {answer}
      </p>
    </div>
  );
};

export default FAQItem;
