"use client";
import { FileText } from "lucide-react";

export function MethodologySection({ text }: { text: string }) {
  return (
    <div className="bg-slate-50 rounded-xl border border-slate-200 overflow-hidden">
      <div className="px-4 py-2.5 border-b border-slate-100 flex items-center gap-2">
        <FileText className="w-3.5 h-3.5 text-slate-400" />
        <h3 className="text-xs font-bold text-slate-500 uppercase tracking-wide">Methodology</h3>
      </div>
      <div className="px-4 py-3">
        <p className="text-[11px] text-slate-500 leading-relaxed">{text}</p>
      </div>
    </div>
  );
}
