import React from "react";
import { RowProps } from "../Layouts";
export interface SortAreaProps extends Omit<RowProps, "onChange"> {
    /**
     * このコンポーネントの子要素はkey属性を必ず持っている必要があります。
     * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。
     * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。
     */
    children: React.ReactElement[];
    /**
     * 並び順を管理するための配列です。
     * これが存在しない場合、SortAreaは無効化されます。
     */
    list?: any[];
    /**
     * 並び順が変更された時に呼ばれるコールバックです。
     */
    onChange?: (keys: any[]) => void;
    /**
     * 先頭にソート不可な要素を追加します。
     */
    startAdornment?: React.ReactNode;
    /**
     * 末尾にソート不可な要素を追加します。
     */
    endAdornment?: React.ReactNode;
    /**
     * ソート機能を無効化します。
     */
    disabled?: boolean;
    /**
     * 複数選択モードを有効にします。
     * 有効にした状態でアイテムをクリックすると単独選択され、
     * Cmd/Ctrl + クリックで選択トグル、Shift + クリックで範囲選択ができます。
     * 選択中のアイテムをドラッグすると、選択された全アイテムがまとめて並び替えされます。
     */
    multiSelect?: boolean;
    /**
     * 現在選択中のアイテム (controlled mode 用)。`list` 内のアイテムと同じ参照を渡してください。
     * 未指定の場合は内部 state で管理されます。
     */
    selected?: any[];
    /**
     * 選択状態が変わったときに呼ばれます。
     */
    onSelectionChange?: (selected: any[]) => void;
}
export declare const SortArea: ({ list, startAdornment, endAdornment, children, onChange, disabled, multiSelect, selected, onSelectionChange, ...props }: SortAreaProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;