import { LitElement, PropertyValues } from 'lit';
import '@material/web/icon/icon';
import '@material/web/ripple/ripple';
import '@material/web/focus/md-focus-ring';
/**
 * Material design data table header with styling and sorting capabilities
 *
 * @element titanium-data-table-header
 *
 * @fires sort-direction-changed - Fired if sort direction is changed (detail: 'desc' | 'asc')
 * @fires sort-by-changed - Fired when the close button is clicked (detail: {string} column name of currently sorted header )
 *
 * @cssprop {font} [--titanium-data-table-font-family=Roboto, Noto, sans-serif] - Font family
 */
export declare class TitaniumDataTableHeader extends LitElement {
    /**
     * This displayed header name
     */
    accessor title: string;
    /**
     * The column name of the currently applied sort
     */
    accessor sortBy: string;
    /**
     * Optional fixed width of header in px  ex. "140px"
     */
    accessor width: string;
    /**
     * True if header is currently the sorted column. Read-only, do not set.
     */
    accessor active: boolean;
    /**
     * Current sort direction on header.
     */
    accessor sortDirection: 'asc' | 'desc' | '';
    /**
     * Name of header column passed along in sort-by-changed event.  Typically the name of the col in the backing DB. ex. first_name
     */
    accessor columnName: string;
    /**
     * Justify header text center
     */
    accessor center: boolean;
    /**
     * Justify header text right; moves sort icon to left.
     */
    accessor right: boolean;
    /**
     * Removes the sort icon
     */
    accessor noSort: boolean;
    /**
     * Set flex 5 on header, default is 3.
     */
    accessor large: boolean;
    /**
     * Only show this header when width is larger
     */
    accessor desktop: boolean;
    /**
     *  Sets if view port is small
     */
    accessor narrow: boolean;
    updated(changedProps: PropertyValues<this>): void;
    static styles: import("lit").CSSResult;
    render(): import("lit-html").TemplateResult<1>;
}
//# sourceMappingURL=data-table-header.d.ts.map