import { EventEmitter } from '../../stencil-public-runtime';
/**
 * @name Table
 * @description A configurable component for displaying tabular data.
 * @category Data Display
 * @img /assets/img/table.webp
 * @imgDark /assets/img/table-dark.webp
 */
export declare class Table {
    elm: HTMLElement;
    /**
     * Grid columns configuration.
     * [
     * {
     *   "name":"name",
     *   "label":"Name",
     *   "width":300,
     *   "fixed":true,
     *   "template": function(row, column) { return row[column.name];}
     *  },
     * {
     *   "name":"age",
     *   "label":"Age"
     * }
     * ]
     */
    columns: any[];
    /**
     * Grid data to display on table
     * [{
     *  'id': '5e7118ddce4b3d577956457f',
     *  'age': 21,
     *  'name': 'John',
     *  'company': 'India',
     *  'email': 'john@example.com',
     *  'phone': '+1 (839) 560-3581',
     *  'address': '326 Irving Street, Grimsley, Texas, 4048'
     *  }]
     */
    data: any[];
    selectionType: 'checkbox' | undefined;
    selectedRowKeys: string[];
    keyField: string;
    managed: boolean;
    sortable: boolean;
    sortBy: string;
    sortOrder: 'asc' | 'desc';
    paginate: boolean;
    page: number;
    pageSize: number;
    layer?: 'background' | '01' | '02';
    totalItems: any;
    emptyStateHeadline: string;
    emptyStateDescription: string;
    private hoveredCell;
    private isSelectAll;
    private isSelectAllIntermediate;
    private isHorizontallyScrolled;
    /**
     * Emitted when a table cell is clicked.
     */
    goatCellClick: EventEmitter;
    /**
     * Emitted when the selection changes.
     */
    goatSelectChange: EventEmitter;
    /**
     * Emitted when the table is sorted.
     */
    goatSort: EventEmitter;
    /**
     * Emitted when the page changes.
     */
    goatPage: EventEmitter;
    onSelectAllClick: () => void;
    onRowSelectClick: (row: any) => void;
    onCellMouseOver: (...args: any[]) => void;
    onSelectChange(selectedRowKeys: any): void;
    onCellClick(row: any, col: any, evt: MouseEvent): void;
    renderHeader(): any;
    renderBody(): any;
    getTotalItems(): any;
    renderPagination(): any;
    render(): any;
    private renderEmptyState;
}