import * as React from "react";
import { AnchorHTMLAttributes } from "react";
export declare const Panel: import("styled-components").StyledComponent<"div", any, {
    width?: number | undefined;
    lightTheme: boolean;
}, never>;
export declare const SectionHeader: import("styled-components").StyledComponent<"h4", any, {
    lightTheme: boolean;
}, never>;
export declare const ArticlesHeader: import("styled-components").StyledComponent<"h4", any, {}, never>;
export declare const Link: import("styled-components").StyledComponent<"a", any, {
    lightTheme: boolean;
    active?: boolean | undefined;
}, never>;
declare type IconLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
    href: string;
    icon: React.ReactNode;
    title: React.ReactNode;
    subtitle: React.ReactNode;
    titleOnlyOnMobile?: boolean;
    active?: boolean;
    lightTheme: boolean;
};
export declare const IconLink: ({ href, icon, title, subtitle, titleOnlyOnMobile, active, lightTheme, ...rest }: IconLinkProps) => JSX.Element;
declare type ArticleLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
    image: React.ReactNode;
    title: React.ReactNode;
};
export declare const ArticleLink: ({ image, title, ...rest }: ArticleLinkProps) => JSX.Element;
export declare const HorizontalDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const VerticalDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Spacer: import("styled-components").StyledComponent<"div", any, {
    height?: number | undefined;
    width?: number | undefined;
}, never>;
export {};
