"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PaginationLimitField = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const select_field_1 = require("../select-field");
const select_1 = require("../../../components/ui/select");
const PaginationLimitField = ({ options = [10, 50, 100], label = 'Items per page', control, ['data-testid']: dataTestId }) => {
    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-sm font-medium whitespace-nowrap", children: label }), (0, jsx_runtime_1.jsx)(select_field_1.SelectField, { name: "limit", control: control, "data-testid": dataTestId, children: options.map((pageSize) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: String(pageSize), children: pageSize }, pageSize))) })] }));
};
exports.PaginationLimitField = PaginationLimitField;
