import * as React$1 from 'react';

type ResourcesPanelSize = "sm" | "md" | "lg";
type ResourcesPanelKind = "live" | "source" | "npm" | "jsr" | "docs" | "changelog" | "figma" | "video" | "paper" | "external";
type ResourcesPanelLinkComponentProps = React$1.ComponentProps<"a"> & {
    href: string;
};
interface ResourcesPanelItem {
    kind?: ResourcesPanelKind;
    label: React$1.ReactNode;
    href?: string;
    host?: React$1.ReactNode;
    badge?: React$1.ReactNode;
    meta?: React$1.ReactNode;
    primary?: boolean;
    icon?: React$1.ReactNode;
    external?: boolean;
    rel?: string;
    target?: React$1.HTMLAttributeAnchorTarget;
    as?: React$1.ComponentType<ResourcesPanelLinkComponentProps>;
}
interface ResourcesPanelProps extends Omit<React$1.ComponentProps<"aside">, "children" | "title"> {
    size?: ResourcesPanelSize;
    title?: string;
    meta?: React$1.ReactNode;
    items: ResourcesPanelItem[];
    footer?: React$1.ReactNode;
    footerLabel?: React$1.ReactNode;
    children?: React$1.ReactNode;
    linkComponent?: React$1.ComponentType<ResourcesPanelLinkComponentProps>;
}

declare function ResourcesPanelRoot({ className, size, title, meta, items, footer, footerLabel, children, linkComponent, ref, ...props }: ResourcesPanelProps): React.ReactElement;

/**
 * @module resources-panel
 * Description for resources-panel component.
 */

declare const ResourcesPanel: typeof ResourcesPanelRoot;

export { ResourcesPanel, type ResourcesPanelItem, type ResourcesPanelKind, type ResourcesPanelProps, ResourcesPanelRoot, type ResourcesPanelSize };