import { MassActionButtonProps } from './mass-actions';
import { ActiveViewModsType, ControlBlockSize, Key, ObjectForExtending, TableConfigTooltip, View } from '../types';
import { ColumnOrColumnGroupGlideInstance, DataEditorRef, HighlightActiveType, TableGlideInstanceProps } from '../TableGlideInstance';
import { SIZES } from '../styles';
import { PaginationProps } from '../feature-pagination/types';
import { TableDropdownConfigProps } from '../components/TableDropdown/types';
import { CSSObject, CSSProperties } from 'styled-components';
import { default as React, ReactNode, Ref } from 'react';
import { MassActionsSize } from '../../MassActions';

export declare const TableOrCardsUI: <RowType extends ObjectForExtending, 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, controlBlockSize, }, dataGridProps: { className, rowSize, refTable, onCellContextMenu, CellReadOnlyEditor, ...restDataGridProps }, pagination, setPaginationHeight, loadingOverlayConfig, containerStyle, massActionPanel, tooltip, fullScreened, }: {
    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;
        controlBlockSize?: ControlBlockSize;
        $borderTopRounded: boolean;
        isHaveSomeFeatureInSidebar: boolean | undefined;
    };
    dataGridProps: {
        rowSize: keyof typeof SIZES;
        refTable: Ref<DataEditorRef> | undefined;
    } & Omit<TableGlideInstanceProps<RowType, SummRowType>, 'columns'> & {
        columns: readonly ColumnOrColumnGroupGlideInstance<RowType, SummRowType>[];
        onColumnResize?: TableGlideInstanceProps<RowType, SummRowType>['onColumnResize'];
        onVisibleRegionChanged?: TableGlideInstanceProps<RowType, SummRowType>['onVisibleRegionChanged'];
    };
    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: MassActionButtonProps[];
        collapsedDropdownProps?: TableDropdownConfigProps;
        bottom?: number;
        show?: boolean;
        size?: MassActionsSize;
    };
    tooltip?: TableConfigTooltip;
    fullScreened?: boolean;
}) => import("react/jsx-runtime").JSX.Element;