import type { MouseEvent, ReactNode } from "react";
import type { IconName, IconProps } from "@metabase/embedding-sdk-react/dist/frontend/src/metabase/ui";
interface SidebarLinkProps {
    children: string;
    url?: string;
    icon?: IconName | IconProps;
    isSelected?: boolean;
    hasDefaultIconStyle?: boolean;
    left?: ReactNode;
    right?: ReactNode;
    onClick?: (event: MouseEvent) => void;
}
declare function SidebarLink({ children, icon, url, isSelected, hasDefaultIconStyle, left, right, onClick, ...props }: SidebarLinkProps): import("react/jsx-runtime").JSX.Element;
export type { SidebarLinkProps };
declare const _default: typeof SidebarLink & {
    NameContainers: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>[];
    Icon: import("@emotion/styled").StyledComponent<IconProps & import("react").RefAttributes<SVGSVGElement> & {
        theme?: import("@emotion/react").Theme | undefined;
    } & {
        color?: string | null | undefined;
        isSelected: boolean;
    }, {}, {}>;
    LeftElement: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
    RightElement: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
};
export default _default;
