/// <reference types="prop-types" />

import { AnchorHTMLAttributes, ReactNode } from 'react';

export interface ButtonLinkProps {
	href: string;
	size?: "md" | "lg";
	type?: "primary" | "secondary";
	label?: string;
	target?: "_self" | "_blank";
}
export declare const MdxButtonLink: ({ href, className, children, type, size, label, target, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & ButtonLinkProps) => import("react").JSX.Element;
export interface IMdxGenerationInfo {
	packageName: string;
	sourceFile: string;
	sourceLine: number;
	/**
	 * The base url for the git
	 *
	 * Please end with `/`
	 *
	 * @example
	 * `https://gitlab.itcjf.com/flatjs-next/tool-kits/tree/master/`
	 */
	sourceBaseUrl: string;
	/**
	 * The base url for the npm package.
	 *
	 * Please end with `/`
	 * @default `https://www.npmjs.com/package/`
	 */
	npmBaseUrl?: string;
	since?: string;
	experimental?: boolean;
}
export declare const MdxGenerationInfo: (props: IMdxGenerationInfo) => import("react").JSX.Element;
export interface HeadingProps {
	className?: string;
	isPageAnchor?: boolean;
	children: ReactNode;
	id?: string;
	as?: any;
}
export declare const H1: ({ className, ...props }: HeadingProps) => import("react").JSX.Element;
export declare const H2: ({ className, ...props }: HeadingProps) => import("react").JSX.Element;
export declare const H3: ({ className, ...props }: HeadingProps) => import("react").JSX.Element;
export declare const H4: ({ className, ...props }: HeadingProps) => import("react").JSX.Element;
export declare const H5: ({ className, ...props }: HeadingProps) => import("react").JSX.Element;
export declare const IconCanary: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement> & {
	title?: string | undefined;
}>;
export declare const IconChevron: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement> & {
	/**
	 * The direction the arrow should point.
	 * `start` and `end` are relative to the current locale.
	 * for example, in LTR, `start` is left and `end` is right.
	 */
	displayDirection: "start" | "end" | "right" | "left" | "up" | "down";
}>;
export declare const IconNote: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconPitfall: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconWarning: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconRestart: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconNavArrow: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement> & {
	/**
	 * The direction the arrow should point.
	 * `start` and `end` are relative to the current locale.
	 * for example, in LTR, `start` is left and `end` is right.
	 */
	displayDirection: "start" | "end" | "right" | "left" | "down";
}>;
export declare const IconGitHub: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconNpm: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconLoading: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconArrowUp: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export declare const IconArrowDown: import("react").NamedExoticComponent<import("react").SVGProps<SVGSVGElement>>;
export interface IMdxMemberInfo {
	kind: string;
	since?: string;
	experimental?: boolean;
	type: string;
	default?: string;
}
export declare const MdxMemberInfo: (props: IMdxMemberInfo) => import("react").JSX.Element;
export interface ISandPackOptions {
	code: string;
	dependencies: Record<string, string>;
	/**
	 * @default `http://localhost:1234/`
	 */
	bundlerURL?: string;
	/**
	 * @default '/test.tsx'
	 */
	activeFile?: string;
	autorun?: boolean;
}
export declare const MdxSandPack: import("react").NamedExoticComponent<ISandPackOptions>;
export interface IMdxSimpleCallout {
	title: string;
	children: ReactNode;
	className?: string;
}
export declare const MdxSimpleCallout: ({ title, children, className, }: IMdxSimpleCallout) => import("react").JSX.Element;
export interface IMountFileSystemPkg {
	devDependencies?: Record<string, string>;
	dependencies?: Record<string, string>;
	scripts?: Record<string, string>;
}
export interface IMdxWebContainer {
	codeTree: FileSystemTree;
	activeFile: string;
	pkgOptions?: IMountFileSystemPkg;
	autoRunCmd?: string[];
}
export declare const MdxWebContainer: (props: IMdxWebContainer) => import("react").JSX.Element;

export {};
