import { CardUIType } from '@/types/car-card.type';
import { VehiclesSection } from './VehiclesSection';

interface Props {
  cars: CardUIType[];
}

const ModelosContainer = ({ cars }: Props) => {
  return (
    <>
      <div className="my-6">
        <span className="text-text-secondary text-xs">HOME / MODELOS</span>
        <h1 className="title-h1 text-text-primary">MODELOS</h1>
        <p className="text-text-primary text-base">Explora nuestros modelos a su gusto</p>
      </div>
      <VehiclesSection cars={cars} />
    </>
  );
};

export default ModelosContainer;