import type { VehicleSpec } from "@/lib/content";

export function SpecsTable({ specs }: { specs: VehicleSpec[] }) {
  return (
    <dl className="mt-8 max-w-xl divide-y divide-line border-y border-line">
      {specs.map((row) => (
        <div
          key={row.label}
          className="flex items-baseline justify-between gap-6 py-3.5"
        >
          <dt className="font-display text-sm font-medium uppercase tracking-wide text-muted">
            {row.label}
          </dt>
          <dd className="text-right font-display text-sm font-semibold uppercase tracking-wide text-fg">
            {row.value}
          </dd>
        </div>
      ))}
    </dl>
  );
}