import React, { type ReactNode } from "react";
import { SortDirection } from "./types";
type DataTable2ColumnProps = {
    className?: string;
    /**
     * 横スクロール時に列をビューポート右端に固定する。**最大 1 列**のみ指定可（先にマウントした列が有効）。
     * カラム編集で動かさない場合は `TableColumn.reorderable: false`（または `sortable: false`）の末尾列に付けることを推奨。
     */
    sticky?: "right";
    isResizable: true;
    onWidthChange: (width: number) => void;
    minWidth?: number;
    maxWidth?: number;
    width?: number;
    children: ReactNode;
} | {
    className?: string;
    sticky?: "right";
    isResizable?: false;
    onWidthChange?: undefined;
    minWidth?: number;
    maxWidth?: undefined;
    width?: number;
    children: ReactNode;
};
export declare const DataTable2Column: ({ className, sticky, isResizable, width, minWidth, maxWidth, children, onWidthChange, }: DataTable2ColumnProps) => React.JSX.Element;
type DataTable2ColumnLabelProps = {
    showSortButton?: true;
    sortButtonDirection?: SortDirection;
    onSortChange?: (direction: SortDirection) => void;
    children: ReactNode;
};
export declare const DataTable2ColumnLabel: ({ showSortButton, sortButtonDirection, onSortChange, children, }: DataTable2ColumnLabelProps) => React.JSX.Element;
export {};