import React, { PropsWithChildren } from 'react';
import { BaseProps } from '../component-helpers';
/**
 * Design tokens
 */
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/footer/base.css';
declare const socialLinkData: {
    readonly x: {
        readonly fullName: "X";
        readonly url: "https://x.com/github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/x.svg";
        readonly iconWidth: 20;
        readonly iconHeight: 16;
    };
    readonly github: {
        readonly fullName: "GitHub";
        readonly url: "https://github.com/github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/github-mark.svg";
        readonly iconWidth: 20;
        readonly iconHeight: 20;
    };
    readonly linkedin: {
        readonly fullName: "LinkedIn";
        readonly url: "https://www.linkedin.com/company/github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/linkedin.svg";
        readonly iconWidth: 19;
        readonly iconHeight: 18;
    };
    readonly youtube: {
        readonly fullName: "YouTube";
        readonly url: "https://www.youtube.com/github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/youtube.svg";
        readonly iconWidth: 23;
        readonly iconHeight: 16;
    };
    readonly facebook: {
        readonly fullName: "Facebook";
        readonly url: "https://www.facebook.com/GitHub";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/facebook.svg";
        readonly iconWidth: 18;
        readonly iconHeight: 18;
    };
    readonly twitch: {
        readonly fullName: "Twitch";
        readonly url: "https://www.twitch.tv/github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/twitch.svg";
        readonly iconWidth: 18;
        readonly iconHeight: 18;
    };
    readonly tiktok: {
        readonly fullName: "TikTok";
        readonly url: "https://www.tiktok.com/@github";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/tiktok.svg";
        readonly iconWidth: 18;
        readonly iconHeight: 18;
    };
    readonly instagram: {
        readonly fullName: "Instagram";
        readonly url: "https://www.instagram.com/github/";
        readonly icon: "https://github.githubassets.com/images/modules/site/icons/footer/instagram.svg";
        readonly iconWidth: 24;
        readonly iconHeight: 24;
    };
};
type SocialLinkName = keyof typeof socialLinkData;
export type MinimalFooterProps = {
    /**
     * Escape-hatch for inserting custom React components.
     * Warning:
     *   This prop isn't advertised in our docs but remains part of the public API for edge-cases.
     *   Need to use this prop? Please check in with #primer-brand first to confirm correct usage.
     */
    centerComponent?: React.ReactElement;
    /**
     * An array of social links to be displayed in the footer.
     */
    socialLinks?: SocialLinkName[] | false;
    /**
     * The href for the GitHub logo.
     */
    logoHref?: string;
    /**
     * The copyright statement to be displayed in the footer.
     * If not provided, the copyright statement will be the default GitHub copyright statement.
     */
    copyrightStatement?: string | React.ReactElement;
} & BaseProps<HTMLElement>;
declare function Root({ centerComponent, className, children, copyrightStatement, logoHref, socialLinks, ...rest }: PropsWithChildren<MinimalFooterProps>): React.JSX.Element;
type FootnoteProps = BaseProps<HTMLElement>;
declare function Footnotes({ children, className }: PropsWithChildren<FootnoteProps>): React.JSX.Element;
type LinkProps<C extends React.ElementType> = BaseProps<C> & {
    as?: 'a' | 'button';
} & Omit<React.ComponentPropsWithoutRef<C>, keyof C>;
export type MinimalFooterBackToTopProps = {
    /**
     * The visible and accessible label.
     */
    children: React.ReactNode;
    /**
     * The ID of the semantic top-of-page element that receives focus after keyboard activation.
     * Defaults to the first `<main>` element, then falls back to `<body>`.
     */
    focusTargetId?: string;
    /**
     * Runs before the built-in behavior. Call `event.preventDefault()` to cancel scrolling and focus transfer.
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
} & BaseProps<HTMLButtonElement> & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'>;
/**
 * Use MinimalFooter to render a global footer on all GitHub pages.
 * @see https://primer.style/brand/components/MinimalFooter
 */
export declare const MinimalFooter: typeof Root & {
    Footnotes: typeof Footnotes;
    Link: <C extends React.ElementType = "a">({ as, children, ...rest }: PropsWithChildren<LinkProps<C>>) => React.JSX.Element;
    BackToTop: React.ForwardRefExoticComponent<Omit<MinimalFooterBackToTopProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
};
export {};