import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
import { UseSchedulingAdminResult } from '../../../hooks/useSchedulingAdmin.js';
import { SchedulingService } from '../../../types/scheduling.js';

interface SchedulingServicesPickerProps {
    admin: UseSchedulingAdminResult;
    /**
     * Resource whose service-coverage we're editing. Required — site-wide
     * resource_service rows aren't a thing (services either belong to a stylist
     * or they don't).
     */
    resourceId: string;
    className?: string;
    chipClassName?: string;
    /**
     * Optional override for active-state styling. When omitted the same
     * `chipClassName` is used for both states — consumers typically swap out
     * the className via render-prop instead.
     */
    activeChipClassName?: string;
    emptyState?: ReactNode;
    errorClassName?: string;
    /**
     * Optional renderer for each chip. Receives the service, whether the
     * resource currently performs it, and a `toggle` handler that handles the
     * create-or-delete on the link table.
     */
    renderChip?: (service: SchedulingService, state: {
        active: boolean;
        toggle: () => void;
        pending: boolean;
    }) => ReactNode;
}
declare function SchedulingServicesPicker({ admin, resourceId, className, chipClassName, activeChipClassName, emptyState, errorClassName, renderChip, }: SchedulingServicesPickerProps): react_jsx_runtime.JSX.Element;

export { SchedulingServicesPicker, type SchedulingServicesPickerProps };