"use client";

import ShopByVehicle from "./ShopByVehicle";

export default function ShopByVehicleSection() {
  return (
    <section className="section section--sbv">
      <div className="container">
        <div className="sbv__title">What do you drive?</div>
        <ShopByVehicle
          onSearch={(sel) => {
            // Placeholder: wire to search or filtering when ready.
            // Keeping it client-side avoids server component prop serialization issues.
            // eslint-disable-next-line no-console
            console.log("ShopByVehicle search", sel);
          }}
        />
      </div>
    </section>
  );
}