import { Button } from '@/components/ui/button';
import { MoreHorizontal } from 'lucide-react';

export const PaginationEllipsis = () => (
  <Button variant='outline' size='sm' className='w-8 h-8 p-0' disabled>
    <MoreHorizontal className='h-4 w-4' />
  </Button>
);

export const PaginationButton = ({
  page,
  currentPage,
  onClick,
}: {
  page: number;
  currentPage: number;
  onClick: () => void;
}) => (
  <Button variant={page === currentPage ? 'default' : 'light'} size='sm' onClick={onClick} className='w-8 h-8 p-0'>
    {page}
  </Button>
);
