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

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

import type { ShowMoreButtonParams } from "@/types/components/myPages/stays/button"

export default function ShowMoreButton({
  disabled,
  loadMoreData,
}: ShowMoreButtonParams) {
  return (
    <div className={styles.container}>
      <Button
        disabled={disabled}
        intent="primary"
        theme="secondaryDark"
        type="button"
        onClick={loadMoreData}
      >
        Show more
      </Button>
    </div>
  )
}
