import Button from "@/components/TempDesignSystem/Button"

import StayCard from "../StayCard"

import styles from "./stayList.module.css"

import { StayListProps } from "@/types/components/myPages/stays/stayList"

export default function StayList({ lang, stays }: StayListProps) {
  return (
    <section>
      <section className={styles.stays}>
        {stays.map((stay) => (
          <StayCard
            key={stay.uid}
            stay={stay}
            lang={lang}
            showDayCount={true}
          />
        ))}
      </section>
      <div className={styles.buttonContainer}>
        <Button intent="primary" type="button">
          Show more
        </Button>
      </div>
    </section>
  )
}
