---
import HobbyLayout from "@layouts/HobbyLayout.astro";
import Carousel from "@components/CustomCarousel/CustomCarousel.astro";

import type {carouselGroup} from "@interfaces/image-carousel.ts";

import kz750 from "@assets/hobby/motorcycling/lineup/1979-kawasaki-kz750-senior-photo.jpg";
import ninja600 from "@assets/hobby/motorcycling/lineup/1991-kawasaki-ninja-600r.jpg";
import concours from "@assets/hobby/motorcycling/lineup/1999-kawasaki-concours.jpg";
import drz400 from "@assets/hobby/motorcycling/lineup/2005-suzuki-drz-400.jpg";
import fjr1300 from "@assets/hobby/motorcycling/lineup/2015-fjr-1300-mountaintop.jpg";
import sg400 from "@assets/hobby/motorcycling/lineup/2021-csc-sg400.jpg";


const fjrCarouselGroup: carouselGroup = {animation: "slide", images: [fjr1300]}
const cscCarouselGroup: carouselGroup = {animation: "slide", images: [sg400]}
const drzCarouselGroup: carouselGroup = {animation: "slide", images: [drz400]}
const concoursCarouselGroup: carouselGroup = {animation: "slide", images: [concours]}
const ninjaCarouselGroup: carouselGroup = {animation: "slide", images: [ninja600]}
const kz750CarouselGroup: carouselGroup = {animation: "slide", images: [kz750]}
---

<HobbyLayout title="Motorcycling - Lineup">
    <h2 class="font-bold md:text-2xl my-4 underline">Current Lineup</h2>
    <h3 class="font-bold md:text-lg my-4 underline">2015 Yamaha FJR 1300</h3>
    <Carousel carouselGroup={fjrCarouselGroup}/>

    <h3 class="font-bold md:text-lg my-4 underline">2021 CSC SG400</h3>
    <Carousel carouselGroup={cscCarouselGroup}/>

    <h2 class="font-bold md:text-2xl my-4 underline">Prior Lineup</h2>
    <h3 class="font-bold md:text-lg my-4 underline">2005 Suzuki DRZ 400</h3>
    <Carousel carouselGroup={drzCarouselGroup}/>

    <h3 class="font-bold md:text-lg my-4 underline">1991 Kawasaki Concours ZG1000</h3>
    <Carousel carouselGroup={concoursCarouselGroup}/>

    <h3 class="font-bold md:text-lg my-4 underline">1979 Kawasaki KZ750</h3>
    <Carousel carouselGroup={kz750CarouselGroup}/>

    <h3 class="font-bold md:text-lg my-4 underline">1991 Kawasaki Ninja 600R</h3>
    <Carousel carouselGroup={ninjaCarouselGroup}/>
</HobbyLayout>