Current Path : /storage/v11800/alliedessence/public_html/wp-content/plugins/lottiefiles/src/components/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/alliedessence/public_html/wp-content/plugins/lottiefiles/src/components/ListViewWrapper.tsx |
/**
* Copyright 2022 Design Barn Inc.
*/
import * as React from 'react';
import { Pagination } from '../gutenberg-block/backend/views/Workflow/components/Pagination';
interface IListWrapperProps {
children: React.ReactNode;
hasNext: boolean;
hasPrev: boolean;
onNext(): void;
onPrev(): void;
page: number;
pageSize: number;
totalCount: number;
}
export const ListViewWrapper: React.FC<IListWrapperProps> = ({
children,
hasNext,
hasPrev,
onNext,
onPrev,
page,
pageSize,
totalCount,
}: IListWrapperProps) => {
return (
<div className="lf-pl-8 lf-pr-8 lf-pt-8 lf-text-xs lf-flex lf-flex-col lf-justify-between lf-h-full lf-relative">
{children}
<div id="pagination" className="lf-sticky lf-bottom-0 lf-right-0 lf-left-0 lf-bg-contentBg lf-opacity-90">
<Pagination
limit={pageSize}
next={onNext}
prev={onPrev}
page={page}
total={totalCount}
hasNext={hasNext}
hasPrev={hasPrev}
/>
</div>
</div>
);
};