interface ComparisonRowProps {
  key?: string | number;
  area: string;
  asIs: string;
  toBe: string;
}

export function ComparisonRow({ area, asIs, toBe }: ComparisonRowProps) {
  return (
    <div className="grid grid-cols-[120px_1fr_1fr] gap-3 items-start py-4 border-b border-slate-100 last:border-0">
      <span className="font-medium text-sm text-slate-700 pt-3">{area}</span>
      <div className="bg-[#FFF0F0]/50 rounded-lg p-3 text-sm text-slate-600">
        {asIs}
      </div>
      <div className="bg-[#F3F0FF]/50 rounded-lg p-3 text-sm text-slate-700 font-medium">
        {toBe}
      </div>
    </div>
  );
}