import React from 'react';
import { FlintTransferList as FlintTransferListElement } from '@getufy/flint-ui/transfer-list/flint-transfer-list';
export interface FlintTransferListChangeDetail {
    value: string[];
}
/**
 * A premium Transfer List component for moving items between two lists.
 */
export interface FlintTransferListProps extends Omit<React.HTMLAttributes<FlintTransferListElement>, 'defaultValue'> {
    /**
     * Available options to display in the transfer list.
     * Type: `TransferOption[]`
     */
    options?: FlintTransferListElement['options'];
    /** Currently selected values (items in the right list). */
    value?: string[];
    /** Initial value for uncontrolled usage. Applied once on first render. */
    defaultValue?: string[];
    /** Title displayed above the left (available) list. */
    leftTitle?: string;
    /** Title displayed above the right (selected) list. */
    rightTitle?: string;
    /** Whether the transfer list is disabled. */
    disabled?: boolean;
    /** Whether to show search inputs for filtering each list. */
    searchable?: boolean;
    /**
     * Dispatched when items are moved between lists. detail: `{ value: string[] }`
     * DOM event: `flint-transfer-list-change`
     */
    onFlintTransferListChange?: (event: CustomEvent<FlintTransferListChangeDetail>) => void;
}
export declare const FlintTransferList: React.ForwardRefExoticComponent<FlintTransferListProps & React.RefAttributes<FlintTransferListElement>>;