<div className="mb-4">
<div className="flex gap-2">
<Button
className="w-2/3"
variant="outline"
onClick={handleNavigationBackward}
disabled={pagination.isFirstPage}
>
<IoArrowBack className="mr-2" /> Poprzednie
</Button>
{!pagination.isLastPage ? (
<Button
className="w-2/3"
type="button"
variant="outline"
key="navigation_button"
onClick={handleNavigationForward}
>
Next
<IoArrowForward className="ml-2" />
</Button>
) : (
<Button className="w-2/3" type="submit" key="submit_button">
Submit <IoPaperPlane className="ml-2" />
</Button>
)}
</div>
</div>
<div className="mb-4">
<div className="flex gap-2">
<Button
className="w-2/3"
variant="outline"
onClick={handleNavigationBackward}
disabled={pagination.isFirstPage}
>
<IoArrowBack className="mr-2" /> Poprzednie
</Button>
{!pagination.isLastPage ? (
<Button
className="w-2/3"
type="button"
variant="outline"
key="navigation_button"
onClick={handleNavigationForward}
>
Next
<IoArrowForward className="ml-2" />
</Button>
) : (
<Button className="w-2/3" type="submit" key="submit_button">
Submit <IoPaperPlane className="ml-2" />
</Button>
)}
</div>
</div>