import { Info } from 'lucide-react';

export default function MileageBandDefinition() {
  return (
    <section className="flex flex-col gap-2 rounded-lg border border-slate-200 bg-white px-3 py-2.5 sm:flex-row sm:items-center sm:gap-5">
      <div className="flex shrink-0 items-center gap-2 text-[11px] font-black text-slate-700">
        <Info size={14} className="text-blue-600" />里程分档口径
      </div>
      <div className="flex flex-wrap gap-x-5 gap-y-1 text-[10px] font-bold text-slate-500">
        <span><strong className="text-slate-800">低里程</strong>：当日里程 ≤100km</span>
        <span><strong className="text-blue-600">高里程</strong>：当日里程 &gt;100km</span>
        <span>仅统计运营车辆，库存车辆单独统计</span>
      </div>
    </section>
  );
}