'use client'
import { Button } from "@/components/mutual/shadcnui/button";
import { LowerPaginationProps } from "@/validations/mutual/pagination/type";

const LowerPagination: React.FC<LowerPaginationProps> = ({
    pagination,
    handleBack,
    handleNext,
}) => {
    const paginationBackComponent = pagination.back ? (
        <Button className="w-60" onClick={() => handleBack()}>Back</Button>
    ) : <></>;
    const paginationNextComponent = pagination.next ? (
        <Button className="w-60" onClick={() => handleNext()}>Next</Button>
    ) : <></>;
    return (
        <div className="flex items-center justify-center gap-2 bg-amber-300 p-6 w-full">
            {paginationBackComponent}
            {paginationNextComponent}
        </div>
    )
}

export default LowerPagination
