import * as react_jsx_runtime from 'react/jsx-runtime';

interface CaseStudyTocSocialSidebarSection {
    id: string;
    title: string;
    content: React.ReactNode;
}
interface CaseStudyTocSocialSidebarOutcome {
    text: string;
}
interface CaseStudyTocSocialSidebarProps {
    breadcrumbs?: {
        label: string;
        href?: string;
    }[];
    title?: string;
    heroImage?: string;
    heroImageAlt?: string;
    authorName?: string;
    authorRole?: string;
    authorAvatar?: string;
    companyLogo?: string;
    overview?: string;
    sector?: string;
    teamSize?: string;
    location?: string;
    established?: string;
    funding?: string;
    coreFeatures?: string;
    problem?: string;
    approach?: string;
    outcomes?: CaseStudyTocSocialSidebarOutcome[];
    sections?: CaseStudyTocSocialSidebarSection[];
    socialLinks?: {
        icon: string;
        href: string;
        label: string;
    }[];
    className?: string;
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CaseStudyTocSocialSidebar displays a comprehensive case study with breadcrumb
 * navigation, featured author, sticky sidebar with company details, table of
 * contents navigation, and social sharing links.
 *
 * Features a three-column layout on large screens: left sidebar with company info
 * and social links, center content area with problem/approach/outcomes summary
 * followed by prose sections, and right sidebar with sticky table of contents.
 * The header includes breadcrumbs, large title, and author attribution with avatar.
 * Each content section is tracked via IntersectionObserver for active TOC highlighting.
 *
 * Ideal for in-depth case studies, customer success stories, or detailed articles
 * that benefit from structured navigation and comprehensive company context.
 *
 * @example
 * ```tsx
 * <CaseStudyTocSocialSidebar
 *   title="How this tool helps teams achieve efficient workflows"
 *   authorName="Jane Doe"
 *   authorRole="Senior Product Manager"
 *   companyLogo="/logos/company.svg"
 *   overview="A modern platform designed to simplify workflows"
 *   sector="Technology; Automation"
 *   sections={[
 *     { id: "intro", title: "Introduction", content: <p>...</p> }
 *   ]}
 * />
 * ```
 */
declare function CaseStudyTocSocialSidebar({ breadcrumbs, title, heroImage, heroImageAlt, authorName, authorRole, authorAvatar, companyLogo, overview, sector, teamSize, location, established, funding, coreFeatures, problem, approach, outcomes, sections, socialLinks, className, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): react_jsx_runtime.JSX.Element;

export { CaseStudyTocSocialSidebar, type CaseStudyTocSocialSidebarOutcome, type CaseStudyTocSocialSidebarProps, type CaseStudyTocSocialSidebarSection };
