import * as React from 'react';
import './index.css';
export type MultiSelectProps = React.PropsWithChildren<{
    value: string;
    disabled?: boolean;
    variant?: 'default' | 'overlay';
    className?: string;
    onChange?: (payload: {
        value: string;
        selected: boolean;
    }) => void;
}>;
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
    value: string;
    disabled?: boolean;
    variant?: "default" | "overlay";
    className?: string;
    onChange?: (payload: {
        value: string;
        selected: boolean;
    }) => void;
} & {
    children?: React.ReactNode | undefined;
} & React.RefAttributes<HTMLInputElement>>>;
export default _default;
export type MultiSelectGroupProps = React.PropsWithChildren<{
    className?: string;
    style?: React.CSSProperties;
    name: string;
    label: string;
    selected: string[];
    onChange: (selected: string[]) => void;
    disabled?: boolean;
    readonly?: boolean;
    invalid?: boolean;
}>;
export declare function MultiSelectGroup({ className, style, name, label, selected, onChange, disabled, readonly, invalid, children, }: MultiSelectGroupProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map