import * as React from 'react';
import React__default from 'react';

interface BaselineTool {
    tool: 'bun' | 'node' | 'npm' | 'pnpm' | string;
    supported: boolean;
    label?: React.ReactNode;
}
interface BaselineProps extends React.HTMLAttributes<HTMLDetailsElement> {
    title: string;
    toolGroups: BaselineTool[][];
}
declare function Baseline({ title, toolGroups, ...props }: BaselineProps): React.JSX.Element;

interface FooterLinkItemsProps {
    label: string;
    href: string;
}
interface FooterProps {
    footnote: React__default.ReactNode;
    kind?: "minimal";
    logo?: React__default.ReactNode;
    socials?: {
        logo: React__default.ReactNode;
        href: string;
    }[];
    links?: {
        header: string;
        items?: FooterLinkItemsProps[];
    }[] | FooterLinkItemsProps[];
}
declare function Footer(props: FooterProps): React__default.JSX.Element;
declare namespace Footer {
    var Minimal: (props: FooterProps) => React__default.JSX.Element;
}

interface LocaleSwitcherLocale {
    code: string;
    name?: string;
}
interface LocaleSwitcherProps {
    locales: LocaleSwitcherLocale[];
    value: string;
    onChange?: (next: string) => void;
    className?: string;
    "aria-label"?: string;
}
declare function LocaleSwitcher(props: LocaleSwitcherProps): React__default.JSX.Element;

interface SearchButtonProps {
    onClick?: () => void;
    placeholder?: string;
    shortcutKeys?: string[];
    fullWidth?: boolean;
}
declare function SearchButton({ shortcutKeys, ...props }: SearchButtonProps): React__default.JSX.Element;

export { Baseline, Footer, LocaleSwitcher, SearchButton };
export type { LocaleSwitcherLocale, LocaleSwitcherProps };