import * as React from 'react';

export interface AboutMissionVisionProps {
  title: string;
  missionText: string;
  visionText: string;
}

export function AboutMissionVision({ title, missionText, visionText }: AboutMissionVisionProps) {
  return (
    <section>
      <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
        {title}
      </h2>
      <p className="text-text-white leading-relaxed mb-4 whitespace-pre-wrap">
        {missionText}
      </p>
      <p className="text-text-white leading-relaxed whitespace-pre-wrap">
        {visionText}
      </p>
    </section>
  );
}
