import { ItemRenderLinkComponent } from "@opensea/ui-kit";
import React from "react";
import { ItemProps } from "../Item";
export declare const Sidebar: React.ForwardRefExoticComponent<{
    containerClassName?: string;
    className?: string;
    children?: React.ReactNode;
    fillExpandedSpace?: boolean;
} & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
    side: {
        left: string;
        right: string;
    };
}, undefined, undefined, {
    side: {
        left: string;
        right: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    side: {
        left: string;
        right: string;
    };
}, undefined, undefined, unknown, unknown, undefined>>> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "aria-label"> & React.RefAttributes<HTMLDivElement>> & {
    Item: React.ForwardRefExoticComponent<({
        active?: boolean;
        renderItem?: React.ComponentType<import("@opensea/ui-kit").ItemProps>;
        size?: "sm" | "md";
    } & import("@opensea/ui-kit").ItemProps) & React.RefAttributes<HTMLElement>> & {
        Avatar: ({ className, ...rest }: React.ComponentProps<React.ForwardRefExoticComponent<import("@opensea/ui-kit").AvatarProps & React.RefAttributes<import("@opensea/ui-kit").AvatarElement>> & {
            Badge: React.ForwardRefExoticComponent<Omit<import("@opensea/ui-kit").SlotProps<"div">, "height" | "width"> & import("@opensea/ui-kit").TextColorVariantProps & Omit<import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, "absolute overflow-hidden bg-bg-additional-3", {
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, import("tailwind-variants").TVReturnType<{
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, "absolute overflow-hidden bg-bg-additional-3", unknown, unknown, undefined>>>, "tint"> & {
                tintSrc?: string;
            } & React.RefAttributes<HTMLDivElement>>;
        }>) => React.JSX.Element;
        Title: ({ children, className, size, }: {
            children: React.ReactNode;
            className?: string;
            size?: "sm" | "md";
        }) => React.JSX.Element;
    };
    Open: ({ children, className, }: {
        children: React.ReactNode;
        className?: string;
    }) => React.JSX.Element;
    CollapsibleItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps, "content"> & Omit<import("@radix-ui/react-collapsible").CollapsibleTriggerProps, "content"> & {
        content: React.ReactNode;
        size?: "sm" | "md" | "lg";
        locked?: boolean;
        overrides?: {
            Icon?: import("@opensea/ui-kit/icons").IconProps;
        };
        toggleClosedDirection?: "down" | "right";
    } & {
        active?: boolean;
    } & React.RefAttributes<HTMLButtonElement>>;
} & {
    Item: React.ForwardRefExoticComponent<(({
        active?: boolean;
        renderItem?: React.ComponentType<ItemProps>;
        size?: "sm" | "md";
    } & Omit<import("@opensea/ui-kit").SlotProps<"div">, "height" | "width"> & import("@opensea/ui-kit").TextColorVariantProps & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", {
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, import("tailwind-variants").TVReturnType<{
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", unknown, unknown, undefined>>> & {
        disabled?: boolean;
        onClick?: React.MouseEventHandler<HTMLElement>;
        renderLink?: ItemRenderLinkComponent;
    } & {
        href?: undefined;
        target?: string;
    }) | Omit<{
        active?: boolean;
        renderItem?: React.ComponentType<ItemProps>;
        size?: "sm" | "md";
    } & Omit<import("@opensea/ui-kit").SlotProps<"div">, "height" | "width"> & import("@opensea/ui-kit").TextColorVariantProps & import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", {
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, import("tailwind-variants").TVReturnType<{
        active: {
            true: string;
        };
        interactive: {
            true: string;
        };
        disabled: {
            true: string;
        };
        variant: {
            unstyled: string;
            vertical: string;
        };
    }, undefined, "flex w-full items-center gap-3 border border-border-2 p-4", unknown, unknown, undefined>>> & {
        disabled?: boolean;
        onClick?: React.MouseEventHandler<HTMLElement>;
        renderLink?: ItemRenderLinkComponent;
    } & {
        href: import("@opensea/ui-kit").Url;
    } & Omit<import("@opensea/ui-kit").LinkProps, "href"> & Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
        href: string | import("url").UrlObject;
        as?: string | import("url").UrlObject;
        replace?: boolean;
        scroll?: boolean;
        shallow?: boolean;
        passHref?: boolean;
        prefetch?: boolean | null;
        locale?: string | false;
        legacyBehavior?: boolean;
        onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement>;
        onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
        onClick?: React.MouseEventHandler<HTMLAnchorElement>;
    }> & {
        href: string | import("url").UrlObject;
        as?: string | import("url").UrlObject;
        replace?: boolean;
        scroll?: boolean;
        shallow?: boolean;
        passHref?: boolean;
        prefetch?: boolean | null;
        locale?: string | false;
        legacyBehavior?: boolean;
        onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement>;
        onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
        onClick?: React.MouseEventHandler<HTMLAnchorElement>;
    } & {
        children?: React.ReactNode | undefined;
    } & React.RefAttributes<HTMLAnchorElement>, "href" | "locale" | "prefetch" | "legacyBehavior"> & {
        href: import("@opensea/ui-kit").Url;
        onNavigationCompleted?: (startTime: number, duration: number) => unknown;
        prefetch?: import("..").LinkPrefetch;
        locale?: import("@opensea/ui-kit").Locale;
    }, "ref">) & React.RefAttributes<HTMLElement>> & {
        Avatar: ({ className, ...rest }: React.ComponentProps<React.ForwardRefExoticComponent<import("@opensea/ui-kit").AvatarProps & React.RefAttributes<import("@opensea/ui-kit").AvatarElement>> & {
            Badge: React.ForwardRefExoticComponent<Omit<import("@opensea/ui-kit").SlotProps<"div">, "height" | "width"> & import("@opensea/ui-kit").TextColorVariantProps & Omit<import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, "absolute overflow-hidden bg-bg-additional-3", {
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, import("tailwind-variants").TVReturnType<{
                size: {
                    xs: string;
                    sm: string;
                    md: string;
                };
                tint: {
                    true: string;
                };
            }, undefined, "absolute overflow-hidden bg-bg-additional-3", unknown, unknown, undefined>>>, "tint"> & {
                tintSrc?: string;
            } & React.RefAttributes<HTMLDivElement>>;
        }>) => React.JSX.Element;
        Title: ({ children, className, size, }: {
            children: React.ReactNode;
            className?: string;
            size?: "sm" | "md";
        }) => React.JSX.Element;
    };
};
//# sourceMappingURL=Sidebar.d.ts.map