import { DDSElement } from "../../base/index.cjs";
import { MergeVariantProps } from "../../type-utils.cjs";
declare const cvaHeaderCell: (props?: ({
    alignment?: "left" | "right" | "center" | null | undefined;
    sortable?: boolean | null | undefined;
    order?: "desc" | "asc" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type TableHeaderCellVariantProps = MergeVariantProps<typeof cvaHeaderCell>;
/**
 * `daikin-table-header-cell` is a component that functions as a cell in the header row of `daikin-table`.
 * By assigning this component to a slot in `daikin-table`, you can display advanced content such as subtitles and icons.
 *
 * This component is created for `daikin-table` and requires the appropriate slot name to be specified to use it.
 * For more information, please refer to the `daikin-table` component.
 *
 * Hierarchy:
 * - `daikin-table` > `daikin-table-header-cell`
 *
 * @fires change-sort - Fires when the sort button is clicked. See `sortable` property for details.
 *
 * @slot - A slot for the table header cell.
 * @slot left-icon - A slot for an icon to be placed to the left of the text. Place `daikin-icon` or something similar.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/table-header-cell/index.js";
 * ```
 *
 * ```html
 * <daikin-table-header-cell slot="header:key">
 *   Table header cell label
 * </daikin-table-header-cell>
 * ```
 */
export declare class DaikinTableHeaderCell extends DDSElement {
    static readonly styles: import('lit').CSSResult;
    /**
     * Alignment of cell contents.
     * Controlled by `daikin-table` component.
     *
     * @default "left"
     */
    alignment: TableHeaderCellVariantProps["alignment"];
    /**
     * Whether to display as a sortable column or not.
     * When set to `true`, it becomes clickable and the sort icon is displayed on the right.
     * It also makes the component emit the `change-sort` event when clicked.
     * Controlled by `daikin-table` component.
     */
    sortable: boolean;
    /**
     * The current sort order of the column.
     * Can be "asc", "desc", or null if not sorted.
     * Controlled by `daikin-table` component.
     */
    order: TableHeaderCellVariantProps["order"] | null;
    private readonly _focusableRef;
    /**
     * Focuses on the inner button.
     * Only effective when `sortable` is `true`.
     * @param options focus options
     */
    focus(options?: FocusOptions): void;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-table-header-cell": DaikinTableHeaderCell;
    }
}
export default DaikinTableHeaderCell;