import { ChevronLeft, ChevronRight } from "lucide-react";

import OmsorgButton from "./OmsorgButton";

export default function OmsorgPagination({ page, totalPages, onPageChange }) {
  return (
    <div className="omsorg-pagination">
      <OmsorgButton
        variant="secondary"
        icon={ChevronLeft}
        disabled={page <= 1}
        onClick={() => onPageChange(page - 1)}
      >
        Zurück
      </OmsorgButton>

      <span className="omsorg-pagination-status">
        Seite {page} von {totalPages}
      </span>

      <OmsorgButton
        variant="secondary"
        icon={ChevronRight}
        disabled={page >= totalPages}
        onClick={() => onPageChange(page + 1)}
      >
        Weiter
      </OmsorgButton>
    </div>
  );
}
