"use client"

import { useIntl } from "react-intl"

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) {
  const { formatMessage } = useIntl()
  return (
    <div className={styles.container}>
      <Button
        disabled={disabled}
        intent="primary"
        onClick={loadMoreData}
        theme="secondaryDark"
        type="button"
      >
        {formatMessage({ id: "Show more" })}
      </Button>
    </div>
  )
}
