import React, { type FC } from 'react';

export const PageSizeSelect: FC<{
  value: number;
  onChange?: (size: number) => void;
  options?: number[];
}> = ({ value, onChange, options = [20, 50, 100, 200, 500, 1000] }) => {
  return (
    <div className={'flex items-center text-xs'}>
      <span>每页</span>
      <select
        name='pageSize'
        className={'select select-xs'}
        value={String(value)}
        onChange={(e) => {
          onChange?.(parseInt(e.currentTarget.value));
        }}
      >
        {options.map((v) => (
          <option key={v} value={v}>
            {v}
          </option>
        ))}
      </select>
      <span>条</span>
    </div>
  );
};