import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
import { D as DetailItem, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

interface CaseStudyProseSidebarProps {
    /**
     * Hero image URL
     */
    heroImageSrc?: string;
    /**
     * Hero image alt text
     */
    heroImageAlt?: string;
    /**
     * Custom slot for hero media (overrides heroImageSrc)
     */
    heroMediaSlot?: React.ReactNode;
    /**
     * Main prose content
     */
    content?: React.ReactNode;
    /**
     * Custom slot for content (overrides content prop)
     */
    contentSlot?: 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[];
    /**
     * Custom slot for entire sidebar (overrides all sidebar props)
     */
    sidebarSlot?: 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 article/main content area
     */
    articleClassName?: string;
    /**
     * Additional CSS classes for the hero image
     */
    heroImageClassName?: string;
    /**
     * Additional CSS classes for the prose content
     */
    proseClassName?: string;
    /**
     * Additional CSS classes for the sidebar
     */
    sidebarClassName?: string;
    /**
     * Additional CSS classes for the sidebar card
     */
    sidebarCardClassName?: string;
    /**
     * Additional CSS classes for the company logo
     */
    companyLogoClassName?: string;
    /**
     * Additional CSS classes for detail items
     */
    detailItemClassName?: string;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * CaseStudyProseSidebar displays an article with rich prose content
 * and a sidebar containing contextual information.
 *
 * Features a two-column layout with the main article content on the left (including
 * hero image, headings, paragraphs, blockquotes, lists, and tables) and a sticky
 * sidebar on the right with logo and flexible detail items. The sidebar
 * uses an accent background with organized sections.
 *
 * Ideal for long-form content pages, detailed articles, or comprehensive narratives
 * that need supplementary context alongside the main content.
 *
 * @example
 * ```tsx
 * <CaseStudyProseSidebar
 *   heroImageSrc="/images/hero.jpg"
 *   companyLogoSrc="/logos/logo.svg"
 *   details={[
 *     { label: "Organization", value: "Leading platform" },
 *     { label: "Category", value: "Technology" },
 *     { label: "Location", value: "San Francisco, CA" },
 *     { label: "Website", value: "example.com", href: "https://example.com" }
 *   ]}
 * />
 * ```
 */
declare function CaseStudyProseSidebar({ sectionId, heroImageSrc, heroImageAlt, heroMediaSlot, content, contentSlot, companyLogoSrc, companyLogoAlt, companyLogoSlot, details, sidebarSlot, background, containerClassName, spacing, pattern, patternOpacity, className, articleClassName, heroImageClassName, proseClassName, sidebarClassName, sidebarCardClassName, companyLogoClassName, detailItemClassName, optixFlowConfig, }: CaseStudyProseSidebarProps): React.JSX.Element;

export { CaseStudyProseSidebar, type CaseStudyProseSidebarProps };
