import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
import { g as BreadcrumbItem, a as AuthorInfo, D as DetailItem, h as OutcomeItem, S as SectionItem, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Social link configuration for sharing buttons.
 */
interface SocialLinkItem {
    /**
     * Icon name for dynamic icon loading
     */
    icon: string;
    /**
     * Link URL
     */
    href: string;
    /**
     * Accessible label for the link
     */
    label: string;
    /**
     * Additional CSS classes
     */
    className?: string;
}
interface CaseStudyTocSocialSidebarProps {
    /**
     * Array of breadcrumb items for navigation
     */
    breadcrumbs?: BreadcrumbItem[];
    /**
     * Custom slot for breadcrumbs (overrides breadcrumbs array)
     */
    breadcrumbsSlot?: React.ReactNode;
    /**
     * Main title/heading content
     */
    title?: React.ReactNode;
    /**
     * Hero image URL
     */
    heroImageSrc?: string;
    /**
     * Hero image alt text
     */
    heroImageAlt?: string;
    /**
     * Custom slot for hero media (overrides heroImageSrc)
     */
    heroMediaSlot?: React.ReactNode;
    /**
     * Author information
     */
    author?: AuthorInfo;
    /**
     * Custom slot for author section (overrides author prop)
     */
    authorSlot?: React.ReactNode;
    /**
     * Label text above author section
     */
    authorLabel?: React.ReactNode;
    /**
     * Logo image URL
     */
    companyLogoSrc?: string;
    /**
     * Logo image alt text
     */
    companyLogoAlt?: string;
    /**
     * Custom slot for logo (overrides companyLogoSrc)
     */
    companyLogoSlot?: React.ReactNode;
    /**
     * Array of detail items for the sidebar
     */
    details?: DetailItem[];
    /**
     * Primary challenge description text
     */
    problem?: React.ReactNode;
    /**
     * Solution approach description text
     */
    approach?: React.ReactNode;
    /**
     * Array of result items
     */
    outcomes?: OutcomeItem[];
    /**
     * Custom slot for summary section (problem/approach/outcomes)
     */
    summarySlot?: React.ReactNode;
    /**
     * Array of content sections
     */
    sections?: SectionItem[];
    /**
     * Custom slot for content sections (overrides sections array)
     */
    contentSlot?: React.ReactNode;
    /**
     * Array of social link items
     */
    socialLinks?: SocialLinkItem[];
    /**
     * Custom slot for social links (overrides socialLinks array)
     */
    socialLinksSlot?: React.ReactNode;
    /**
     * Label text above social links
     */
    socialLinksLabel?: React.ReactNode;
    /**
     * Custom slot for entire left sidebar (overrides all sidebar props)
     */
    sidebarSlot?: React.ReactNode;
    /**
     * Custom slot for TOC navigation (overrides default TOC)
     */
    tocSlot?: React.ReactNode;
    /**
     * Label text for TOC section
     */
    tocLabel?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the header area
     */
    headerClassName?: string;
    /**
     * Additional CSS classes for the breadcrumbs
     */
    breadcrumbsClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    heroImageClassName?: string;
    /**
     * Additional CSS classes for the author section
     */
    authorClassName?: string;
    /**
     * Additional CSS classes for the layout wrapper
     */
    layoutClassName?: string;
    /**
     * Additional CSS classes for the left sidebar
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the company logo
     */
    companyLogoClassName?: string;
    /**
     * Additional CSS classes for detail items
     */
    detailItemClassName?: string;
    /**
     * Additional CSS classes for the main content area
     */
    mainClassName?: string;
    /**
     * Additional CSS classes for the summary section
     */
    summaryClassName?: string;
    /**
     * Additional CSS classes for the prose content
     */
    proseClassName?: string;
    /**
     * Additional CSS classes for the TOC navigation
     */
    tocClassName?: string;
    /**
     * Additional CSS classes for social links
     */
    socialLinksClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * CaseStudyTocSocialSidebar displays a detailed content page with breadcrumb
 * navigation, featured author, sticky sidebar with details, table of
 * contents navigation, and social sharing links.
 *
 * Features a three-column layout on large screens: left sidebar with logo
 * and social links, center content area with summary sections
 * 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 long-form content, detailed articles, or comprehensive pages
 * that benefit from structured navigation and contextual information.
 *
 * @example
 * ```tsx
 * <CaseStudyTocSocialSidebar
 *   title="How this tool helps teams achieve efficient workflows"
 *   author={{ name: "Jane Doe", role: "Content Author", avatarSrc: "/avatars/jane.jpg" }}
 *   companyLogoSrc="/logos/logo.svg"
 *   details={[
 *     { label: "Overview", value: "A modern platform designed to simplify workflows" },
 *     { label: "Category", value: "Technology; Automation" }
 *   ]}
 *   sections={[
 *     { id: "intro", title: "Introduction", content: <p>...</p> }
 *   ]}
 * />
 * ```
 */
declare function CaseStudyTocSocialSidebar({ breadcrumbs, breadcrumbsSlot, title, heroImageSrc, heroImageAlt, heroMediaSlot, author, authorSlot, authorLabel, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, problem, approach, outcomes, summarySlot, sections, contentSlot, socialLinks, socialLinksSlot, socialLinksLabel, sidebarSlot, tocSlot, tocLabel, background, spacing, pattern, patternOpacity, className, containerClassName, headerClassName, breadcrumbsClassName, titleClassName, heroImageClassName, authorClassName, layoutClassName, sidebarClassName, companyLogoClassName, detailItemClassName, mainClassName, summaryClassName, proseClassName, tocClassName, socialLinksClassName, optixFlowConfig, }: CaseStudyTocSocialSidebarProps): React.JSX.Element;

export { CaseStudyTocSocialSidebar, type CaseStudyTocSocialSidebarProps, type SocialLinkItem };
