import { LitElement } from 'lit';
/**
 * Table is used to organize and display information from a data set.
 * Provides table styles in addition to features like sticky
 * headers and support for narrow viewports.
 *
 * @status ready
 * @category list
 * @slot - Default slot which holds the HTML `<table>` element.
 *
 * @cssprop [--n-table-td-padding=calc(var(--n-space-m) * 0.95)] - Controls the padding around the table cells.
 * @cssprop [--n-table-border-radius=var(--n-border-radius-s)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).
 *
 * @usage https://stackblitz.com/github/nordhealth/advanced-table-examples/tree/main/nord-react-tanstack-table?embed=1&file=src/DataTable/DataTable.tsx&hideNavigation=1&view=preview - with react and tanstack table
 * @usage https://stackblitz.com/github/nordhealth/advanced-table-examples/tree/main/nord-react-ag-grid?embed=1&file=src/DataTable/DataTable.tsx&hideNavigation=1&view=preview - with react and ag grid
 * @usage https://stackblitz.com/github/nordhealth/advanced-table-examples/tree/main/nord-vue-tanstack-table?embed=1&file=src/components/DataTable/DataTable.vue&hideNavigation=1&view=preview - with vue and tanstack table
 * @usage https://stackblitz.com/github/nordhealth/advanced-table-examples/tree/main/nord-vue-ag-grid?embed=1&file=src/components/DataTable/DataTable.vue&hideNavigation=1&view=preview - with vue and ag grid
 */
export default class Table extends LitElement {
    /**
     * Controls the density of the table's rows and headers.
     * Relaxed increases space, condensed reduces space.
     */
    density: 'condensed' | 'default' | 'relaxed';
    /**
     * Enables scroll-snapping, meaning the scroll position is always column-aligned.
     */
    scrollSnap: boolean;
    /**
     * Controls whether to use zebra striping on tables, which can improve readability.
     */
    striped: boolean;
    connectedCallback(): void;
    /**
     * renders table styles into nearest root.
     * this is necessary since we do not use shadow dom.
     */
    private renderStyles;
    /**
     * opt out of shadow dom
     */
    protected createRenderRoot(): this;
}
declare global {
    interface HTMLElementTagNameMap {
        'nord-table': Table;
    }
}