import {FormSelect, Option} from '@common/ui/forms/select/select';
import {Trans} from '@common/i18n/trans';
import {ChannelContentConfig} from '@common/admin/channels/channel-editor/channel-content-config';

interface Props {
  config: ChannelContentConfig;
  className?: string;
}
export function ChannelPaginationTypeField({className}: Props) {
  return (
    <FormSelect
      className={className}
      selectionMode="single"
      name="config.paginationType"
      label={<Trans message="Pagination type" />}
    >
      <Option value="infiniteScroll">
        <Trans message="Infinite scroll" />
      </Option>
      <Option value="lengthAware">
        <Trans message="List of page buttons" />
      </Option>
      <Option value="simple">
        <Trans message="Next/previous page buttons only" />
      </Option>
    </FormSelect>
  );
}
