mirror of https://github.com/portainer/portainer
31 lines
560 B
TypeScript
31 lines
560 B
TypeScript
import clsx from 'clsx';
|
|
import { ReactNode } from 'react';
|
|
|
|
interface Props {
|
|
active?: boolean;
|
|
children: ReactNode;
|
|
disabled?: boolean;
|
|
onPageChange(page: number): void;
|
|
page: number | '...';
|
|
}
|
|
|
|
export function PageButton({
|
|
children,
|
|
page,
|
|
disabled,
|
|
active,
|
|
onPageChange,
|
|
}: Props) {
|
|
return (
|
|
<li className={clsx({ disabled, active })}>
|
|
<button
|
|
type="button"
|
|
onClick={() => typeof page === 'number' && onPageChange(page)}
|
|
disabled={disabled}
|
|
>
|
|
{children}
|
|
</button>
|
|
</li>
|
|
);
|
|
}
|