import Component from '../../components/data-table/data-table.component.js';
import { type EventName } from '@lit/react';
import type { CwSortChangeEvent } from '../../events/events.js';
import type { CwRowSelectionChangeEvent } from '../../events/events.js';
import type { CwRowClickEvent } from '../../events/events.js';
export type { CwSortChangeEvent } from '../../events/events.js';
export type { CwRowSelectionChangeEvent } from '../../events/events.js';
export type { CwRowClickEvent } from '../../events/events.js';
/**
 * @summary Data tables display structured tabular data with support for sorting, row selection, and custom cell rendering.
 * @documentation https://cordwainer.dev/components/data-table
 * @status experimental
 * @since 1.2
 *
 * @dependency cw-checkbox
 * @dependency cw-icon
 * @dependency cw-spinner
 *
 * @event {SortChangeEvent} cw-sort-change - Emitted when the user clicks a sortable column header. `detail: { column: string, direction: 'asc' | 'desc' }`.
 * @event {CwRowSelectionChangeEvent} cw-row-selection-change - Emitted when row selection changes. `detail: { selectedRows: object[] }`.
 * @event {RowClickEvent} cw-row-click - Emitted when a body row is clicked. `detail: { row: object, index: number }`.
 *
 * @slot - Place `<cw-data-table-column>` elements here to define columns.
 * @slot empty - Content shown when `data` is empty and not loading.
 *
 * @csspart base - The outer scrollable wrapper.
 * @csspart table - The `<table>` element.
 * @csspart header-row - The `<tr>` in `<thead>`.
 * @csspart header-cell - Each `<th>` element.
 * @csspart sort-button - The clickable button inside a sortable `<th>`.
 * @csspart sort-icon - The sort direction icon inside a sortable `<th>`.
 * @csspart body-row - Each `<tr>` in `<tbody>`.
 * @csspart body-row--selected - Added to body rows that are selected.
 * @csspart body-cell - Each `<td>` element.
 * @csspart checkbox-cell - The `<th>` or `<td>` that holds the selection checkbox.
 * @csspart loading - The loading overlay shown when `loading` is true.
 * @csspart empty - The empty-state container shown when `data` is empty.
 *
 * @cssproperty --cw-data-table-border-color - Border color used when `bordered` is set. Default: `var(--cw-color-neutral-200)`.
 * @cssproperty --cw-data-table-stripe-color - Alternate row background color when `striped` is set. Default: `var(--cw-color-neutral-50)`.
 * @cssproperty --cw-data-table-row-hover-color - Row background on hover. Default: `var(--cw-color-neutral-100)`.
 * @cssproperty --cw-data-table-selected-row-color - Selected row background. Default: `var(--cw-color-primary-50)`.
 * @cssproperty --cw-data-table-header-background - Header row background. Default: `var(--cw-color-neutral-50)`.
 */
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
    onCwSortChange: EventName<CwSortChangeEvent>;
    onCwRowSelectionChange: EventName<CwRowSelectionChangeEvent>;
    onCwRowClick: EventName<CwRowClickEvent>;
}>;
export default reactWrapper;