import { type HTMLAttributes, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type BlogPageImage = {
    src: string;
    position?: string;
    alt?: string;
};
export type BlogPageResourceLink = {
    id?: string | number;
    label: ReactNode;
    href?: string;
    target?: string;
    rel?: string;
};
export type BlogPageResourceGroup = {
    id?: string | number;
    title: ReactNode;
    links: readonly BlogPageResourceLink[];
};
export type BlogPageProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
    title?: ReactNode;
    subtitle?: ReactNode;
    image?: string | BlogPageImage;
    children?: ReactNode;
    resourceTitle?: ReactNode;
    resources?: readonly BlogPageResourceGroup[];
    articleLabel?: string;
    footerLabel?: string;
    articleId?: string;
    footerId?: string;
    showSideLinks?: boolean;
    topLinkLabel?: ReactNode;
    resourcesLinkLabel?: ReactNode;
    contentWidth?: CssLength;
    heroHeight?: CssLength;
    accentColor?: string;
    backgroundColor?: string;
    footerBackgroundColor?: string;
    textColor?: string;
};
export declare const BlogPage: ({ title, subtitle, image, children, className, style, resourceTitle, resources, articleLabel, footerLabel, articleId, footerId, showSideLinks, topLinkLabel, resourcesLinkLabel, contentWidth, heroHeight, accentColor, backgroundColor, footerBackgroundColor, textColor, ...props }: BlogPageProps) => import("react/jsx-runtime").JSX.Element;