import { ReactNode } from 'react';
import { SeatmapControl } from '../../../types/SeatmapControl.types';
export interface GroupedSeat {
    id: number;
    cssSelector: string;
    displayGroup?: string;
    selectionGroups?: Record<string, string | {
        value: string;
        parent: string;
    }>;
}
export interface GroupedSeatmapProps {
    svg: string;
    className?: string;
    availableSeats: GroupedSeat[];
    selectedSeatIds?: number[];
    displayGroupMapping?: Record<string, string | ReactNode>;
    onSeatSelect?: (selectedSeats: GroupedSeat[]) => void;
    onSeatDeselect?: (deselectedSeats: GroupedSeat[]) => void;
    leftControls?: SeatmapControl[];
    rightControls?: SeatmapControl[];
    withGroupSelection?: boolean;
    withDragSelection?: boolean;
}