import React from 'react';

import TablePagination from './TablePagination';

const FabTablePagination = ({
    total,
    limit,
    offset,
    onChangeOffset,
    onChangeLimit,
    mini,
}: {
    total: number;
    limit: number;
    offset: number;
    onChangeOffset: (offset: number) => void;
    onChangeLimit: (limit: number) => void;
    mini?: boolean;
}) => (
    <div className="shrink-0 w-full border-t bg-background px-2 py-2 pb-safe-2">
        <TablePagination
            mini={mini}
            className="w-full"
            total={total}
            limit={limit}
            offset={offset}
            onChangeOffset={onChangeOffset}
            onChangeLimit={onChangeLimit}
        />
    </div>
);

export default FabTablePagination;
