import { type CSSProperties, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type ScrollDrivenPortalCard = {
    id?: string | number;
    label?: string;
    avatarSrc?: string;
    avatarAlt?: string;
    avatarIcon?: ReactNode;
    featureIcon?: ReactNode;
    featureLabel?: string;
    featureColor?: string;
    companyIcon?: ReactNode;
    companyLabel?: string;
    companyColor?: string;
};
export type ScrollDrivenPortalLayoutProps = {
    cards?: readonly ScrollDrivenPortalCard[];
    className?: string;
    style?: CSSProperties;
    ariaLabel?: string;
    navHref?: string;
    navLabel?: string;
    heroTitle?: ReactNode;
    heroAccent?: ReactNode;
    heroSubtitle?: ReactNode;
    ctaLabel?: ReactNode;
    ctaHref?: string;
    completionTitle?: ReactNode;
    ringImageSrc?: string;
    panelWidth?: CssLength;
    accentColor?: string;
    backgroundColor?: string;
    panelColor?: string;
    cardColor?: string;
    borderColor?: string;
    elementColor?: string;
    textColor?: string;
};
export declare const ScrollDrivenPortalLayout: ({ cards, className, style, ariaLabel, navHref, navLabel, heroTitle, heroAccent, heroSubtitle, ctaLabel, ctaHref, completionTitle, ringImageSrc, panelWidth, accentColor, backgroundColor, panelColor, cardColor, borderColor, elementColor, textColor, }: ScrollDrivenPortalLayoutProps) => import("react/jsx-runtime").JSX.Element;