import { ActiveViewModsType, HighlightActiveType, Key, View } from '../types';
import { SIZES } from '../styles';
import { PaginationProps } from '../feature-pagination/types';
import { TableDropdownConfigProps } from '../components/TableDropdown/types';
import { CSSObject, CSSProperties } from 'styled-components';
import { DataGridHandle, DataGridProps } from 'react-data-grid';
import { default as React, ReactNode, Ref } from 'react';
import { MassActionsButtonProps, MassActionsSize } from '../../MassActions/types';

export declare const TableOrCardsUI: <RowType, SummRowType, K extends Key = Key>({ containerProps: { viewProp: { activeView, view }, controlBlock, containerId, sidebarBlock, refTableGlobalContainer, refTableContainer, $borderLeftTopRadiusRounded, $borderRightTopRadiusRounded, $borderLeftBottomRadiusRounded, $borderRightBottomRadiusRounded, $containerStyle, $columnsGroupingIsActive, $containerCss, $css, $fullScreened, fullScreenPortal, $tableAndSidebarContainerHeightStyle, $highlightActiveType, collapseButtonPlacement, collapseButtonAboveRightSlot, $borderTopRounded, isHaveSomeFeatureInSidebar, }, dataGridProps: { className, rowSize, refTable, onCellContextMenu, ...restDataGridProps }, pagination, setPaginationHeight, loadingOverlayConfig, containerStyle, massActionPanel, }: {
    containerProps: {
        viewProp: {
            activeView: ActiveViewModsType;
            view: View;
        };
        controlBlock: ReactNode;
        sidebarBlock: ReactNode;
        containerId: string | undefined;
        refTableGlobalContainer: React.MutableRefObject<HTMLDivElement | null>;
        refTableContainer: React.Ref<HTMLDivElement>;
        $borderLeftTopRadiusRounded: boolean | undefined;
        $borderRightTopRadiusRounded: boolean | undefined;
        $borderRightBottomRadiusRounded: boolean | undefined;
        $borderLeftBottomRadiusRounded: boolean | undefined;
        $columnsGroupingIsActive: boolean;
        $containerStyle: CSSProperties | undefined;
        $containerCss: string | CSSObject | undefined;
        $css: string | CSSObject | undefined;
        $fullScreened: boolean;
        fullScreenPortal: Element | DocumentFragment | false;
        $tableAndSidebarContainerHeightStyle: CSSProperties;
        $highlightActiveType: HighlightActiveType;
        collapseButtonPlacement?: 'inside' | 'above';
        collapseButtonAboveRightSlot?: ReactNode;
        $borderTopRounded: boolean;
        isHaveSomeFeatureInSidebar: boolean | undefined;
    };
    dataGridProps: {
        rowSize: keyof typeof SIZES;
        refTable: Ref<DataGridHandle> | undefined;
    } & DataGridProps<RowType, SummRowType, K>;
    pagination: PaginationProps | undefined;
    setPaginationHeight: React.Dispatch<React.SetStateAction<number>>;
    loadingOverlayConfig?: {
        active?: boolean;
        spinner?: ReactNode;
        title?: string;
        subtitle?: string;
        showSubtitleDelay?: number;
    };
    containerStyle?: CSSProperties | undefined;
    massActionPanel?: {
        buttons: MassActionsButtonProps[];
        collapsedDropdownProps?: TableDropdownConfigProps;
        bottom?: number;
        show?: boolean;
        size?: MassActionsSize;
    };
}) => import("react/jsx-runtime").JSX.Element;