import type { ReactNode, SyntheticEvent } from "react";
export interface BaseSelectListItemProps {
    id: string | number;
    name: string;
    onSelect: (id: string | number, event: SyntheticEvent) => void;
    children: ReactNode;
    isSelected?: boolean;
    size?: "small" | "medium";
    className?: string;
    hasLeftIcon?: boolean;
    hasRightIcon?: boolean;
    as?: any;
}
export declare function BaseSelectListItem({ id, onSelect, isSelected, size, className, as, children, ...rest }: BaseSelectListItemProps): import("react/jsx-runtime").JSX.Element;
export declare namespace BaseSelectListItem {
    var Root: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    } & {
        size: "medium" | "small";
        isSelected: boolean;
    }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
}
